fix(css): minor fixes

dropped line-height-computed line-height-base is now line-height boosted 3.2.1fixes
Orange-OpenSource · Dec 28, 2015 · 8bacc50 · 8bacc50
1 parent 2bad243
commit 8bacc50
Show file tree

Hide file tree

Showing 6 changed files with 260 additions and 264 deletions.
diff --git a/scss/_o-checkbox.scss b/scss/_o-checkbox.scss
@@ -6,7 +6,7 @@
   position: absolute;
   left: -9999px;
 }
- 
+
 /* on prépare le label */
 .o-checkbox[type="checkbox"]:not(:checked) + label,
 .o-checkbox[type="checkbox"]:checked + label{
@@ -18,15 +18,15 @@
   display: inline-block;
   font-style: normal;
   font-weight: normal;
-  line-height: $line-height-computed;
+  line-height: $line-height;
   border: 1px dotted transparent;
 }
 
 /* Align checkbox on the right*/
 .o-checkbox-right.o-checkbox[type="checkbox"]:not(:checked) + label,
 .o-checkbox-right.o-checkbox[type="checkbox"]:checked + label{
     padding-left: 0;
-    padding-right: ($input-height-base * 0.75); /* fait un peu d'espace pour notre case à venir */    
+    padding-right: ($input-height-base * 0.75); /* fait un peu d'espace pour notre case à venir */
 }
 
 /* Aspect des checkboxes */
@@ -35,8 +35,8 @@
 .o-checkbox[type="checkbox"]:checked + label:before{
   content: "";
   position: absolute;
-  left:0; 
-  width: ($input-height-base/2); 
+  left:0;
+  width: ($input-height-base/2);
   height: ($input-height-base/2); /* dim. de la case */
   border: 2px solid $gray-light;
   background-color: #fff;
@@ -49,18 +49,18 @@
       right: 0;
 }
 
- 
+
 /* Aspect général de la coche */
 .o-checkbox[type="checkbox"]:not(:checked) + label:after,
 .o-checkbox[type="checkbox"]:checked + label:after{
   font-family: 'icon-orange' !important;
   content: '\ea2b';
   position: absolute;
-  top: 0; 
+  top: 0;
   left: 0;
   font-size: $font-size-base;
   color: $brand-orange-white;
-  width: ($input-height-base/2); 
+  width: ($input-height-base/2);
   height: ($input-height-base/2); /* dim. de la case */
   text-align: center;
   /*transition: all .2s; /* on prévoit une animation */
@@ -92,7 +92,7 @@
 
 /* aspect désactivée */
 .o-checkbox[type="checkbox"]:disabled:not(:checked) + label:before,
-.o-checkbox[type="checkbox"]:disabled:checked + label:before{  
+.o-checkbox[type="checkbox"]:disabled:checked + label:before{
   border-color: $gray-light-plus;
 }
 /* styles de la coche (si cochée/désactivée) */
@@ -105,7 +105,7 @@
 .o-checkbox[type="checkbox"]:disabled + label{
   color: $gray-light-plus;
 }
- 
+
 /* aspect au focus de l'élément */
 .o-checkbox[type="checkbox"]:checked:focus + label,
 .o-checkbox[type="checkbox"]:not(:checked):focus + label{

diff --git a/scss/_o-pagination.scss b/scss/_o-pagination.scss
@@ -4,7 +4,7 @@
 .o-pagination {
   display: inline-block;
   padding-left: 0;
-  margin: $line-height-computed 0;
+  margin: $line-height 0;
   border-radius: $border-radius-base;
 
   > li {
@@ -14,7 +14,7 @@
       position: relative;
       float: left; // Collapse white-space
       padding: $padding-base-vertical $padding-base-horizontal;
-      line-height: $line-height-base;
+      line-height: $line-height;
       text-decoration: none;
       color: $pagination-color;
       background-color: $pagination-bg;

diff --git a/scss/_o-pointed_tab.scss b/scss/_o-pointed_tab.scss
@@ -11,7 +11,7 @@
   font-family: $font-family-base;
   font-size: $font-size-base;
   font-weight: normal;
-  line-height: $line-height-base;
+  line-height: $line-height;
   text-align: left;
   background-color: $o-nav-tabs-bg;
   color: $o-nav-tabs-color;

diff --git a/scss/_o-radio.scss b/scss/_o-radio.scss
@@ -6,7 +6,7 @@
   position: absolute;
   left: -9999px;
 }
- 
+
 /* on prépare le label */
 .o-radio[type="radio"]:not(:checked) + label,
 .o-radio[type="radio"]:checked + label{
@@ -18,15 +18,15 @@
   display: inline-block;
   font-style: normal;
   font-weight: normal;
-  line-height: $line-height-computed;
+  line-height: $line-height;
   border: 1px dotted transparent;
 }
 
 /* Align radio on the right*/
 .o-radio-right.o-radio[type="radio"]:not(:checked) + label,
 .o-radio-right.o-radio[type="radio"]:checked + label{
     padding-left: 0;
-    padding-right: ($input-height-base * 0.75); /* fait un peu d'espace pour notre case à venir */    
+    padding-right: ($input-height-base * 0.75); /* fait un peu d'espace pour notre case à venir */
 }
 
 /* Aspect des radioes */
@@ -35,8 +35,8 @@
 .o-radio[type="radio"]:checked + label:before{
   content: "";
   position: absolute;
-  left:0; 
-  width: ($input-height-base/2); 
+  left:0;
+  width: ($input-height-base/2);
   height: ($input-height-base/2); /* dim. de la case */
   border: 3px solid $gray-light;
   background-color: #fff;
@@ -50,17 +50,17 @@
       right: 0;
 }
 
- 
+
 /* Aspect général de la coche */
 .o-radio[type="radio"]:not(:checked) + label:after,
 .o-radio[type="radio"]:checked + label:after{
   content: '';
   position: absolute;
-  top: 0; 
+  top: 0;
   left: 0;
   font-size: $font-size-base;
   color: $brand-orange-white;
-  width: ($input-height-base/2); 
+  width: ($input-height-base/2);
   height: ($input-height-base/2); /* dim. de la case */
   text-align: center;
   /*transition: all .2s; /* on prévoit une animation */
@@ -91,7 +91,7 @@
 
 /* aspect désactivée */
 .o-radio[type="radio"]:disabled:not(:checked) + label:before,
-.o-radio[type="radio"]:disabled:checked + label:before{  
+.o-radio[type="radio"]:disabled:checked + label:before{
   border-color: $gray-light-plus;
 }
 /* styles de la coche (si cochée/désactivée) */
@@ -103,7 +103,7 @@
 .o-radio[type="radio"]:disabled + label{
   color: $gray-light-plus;
 }
- 
+
 /* aspect au focus de l'élément */
 .o-radio[type="radio"]:checked:focus + label,
 .o-radio[type="radio"]:not(:checked):focus + label{