Added margin and padding related classes
authorThierry Florac <tflorac@ulthar.net>
Tue, 03 Jun 2014 23:36:57 +0200
changeset 36 1552937b5ea9
parent 35 b5b31a376dd0
child 37 c01096421ada
Added margin and padding related classes
src/ztfy/myams/resources/less/typo.less
--- a/src/ztfy/myams/resources/less/typo.less	Tue Jun 03 23:36:22 2014 +0200
+++ b/src/ztfy/myams/resources/less/typo.less	Tue Jun 03 23:36:57 2014 +0200
@@ -71,7 +71,14 @@
 }
 
 .align-top {
-	vertical-align: top;
+	vertical-align: top!important;
+}
+.align-base {
+	vertical-align: baseline!important;
+}
+
+.opaque {
+	opacity: 1!important;
 }
 
 .disabled {
@@ -126,6 +133,38 @@
 	&-20 {
 		margin: 20px !important;
 	}
+	&-x-0 {
+		margin-left: 0px!important;
+		margin-right: 0px!important;
+	}
+	&-x-5 {
+		margin-left: 5px!important;
+		margin-right: 5px!important;
+	}
+	&-x-10 {
+		margin-left: 10px!important;
+		margin-right: 10px!important;
+	}
+	&-x-20 {
+		margin-left: 20px!important;
+		margin-right: 20px!important;
+	}
+	&-y-0 {
+		margin-top: 0px!important;
+		margin-bottom: 0px!important;
+	}
+	&-y-5 {
+		margin-top: 5px!important;
+		margin-bottom: 5px!important;
+	}
+	&-y-10 {
+		margin-top: 10px!important;
+		margin-bottom: 10px!important;
+	}
+	&-y-20 {
+		margin-top: 20px!important;
+		margin-bottom: 20px!important;
+	}
 	&-top-0 {
 		margin-top: 0!important;
 	}
@@ -177,10 +216,13 @@
 }
 
 .bordered {
-	border: 1px solid rgba(0, 0, 0, .2);
+	border: 1px solid #dddddd;
 
 	&:hover {
-		border: 1px solid rgba(0, 0, 0, .4);
+		border: 1px solid #bbbbbb;
+	}
+	&.nohover:hover {
+		border-color: #dddddd;
 	}
 }
 
@@ -242,6 +284,38 @@
 	&-20 {
 		padding: 20px!important;
 	}
+	&-x-0 {
+		padding-left: 0px!important;
+		padding-right: 0px!important;
+	}
+	&-x-5 {
+		padding-left: 5px!important;
+		padding-right: 5px!important;
+	}
+	&-x-10 {
+		padding-left: 10px!important;
+		padding-right: 10px!important;
+	}
+	&-x-20 {
+		padding-left: 20px!important;
+		padding-right: 20px!important;
+	}
+	&-y-0 {
+		padding-top: 0px!important;
+		padding-bottom: 0px!important;
+	}
+	&-y-5 {
+		padding-top: 5px!important;
+		padding-bottom: 5px!important;
+	}
+	&-y-10 {
+		padding-top: 10px!important;
+		padding-bottom: 10px!important;
+	}
+	&-y-20 {
+		padding-top: 20px!important;
+		padding-bottom: 20px!important;
+	}
 	&-top-0 {
 		padding-top: 0!important;
 	}