radio: fix vertical align (ie9-11), fix px (FF)

bem · Jul 29, 2014 · e49ef44 · e49ef44
1 parent 7328cd1
commit e49ef44
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/design/common.blocks/radio/_theme/radio_theme_normal.styl b/design/common.blocks/radio/_theme/radio_theme_normal.styl
@@ -44,14 +44,20 @@
     &.radio_size_m
     {
         font-size: 13px;
+        position: relative;
+        padding-left: 19px; // ставим отступ размер (14 + 5 пкс) для текста
 
         .radio__box
         {
-            line-height: 14px;
+            //line-height: 14px;
+            position: absolute;
+            top: 50%;  //центрируем до половины
+            left: 0px; // чтобы отступ не влиял на позиционированный элемент
+            margin-top: -6.5px; // откатываем на половину высоты (0.5 для ФФ)
 
             width: 14px;
             height: 14px;
-            margin-right: 5px;
+           // margin-right: 5px; Убираем, т.к не влияет на пози-нный элемент
 
             &:after
             {
@@ -67,14 +73,20 @@
     &.radio_size_l
     {
         font-size: 15px;
+        position: relative;
+        padding-left: 24px;  // ставим отступ размер (17 + 7 пкс) для текста
 
         .radio__box
         {
-            line-height: 17px;
+            //line-height: 17px;
+            position: absolute;
+            top: 50%;  //центрируем до половины
+            left: 0px; // чтобы отступ не влиял на позиционированный элемент
+            margin-top: -8.5px; // откатываем на половину высоты
 
             width: 17px;
             height: 17px;
-            margin-right: 7px;
+            //margin-right: 7px; Убираем, т.к не влияет на пози-нный элемент
 
             &:after
             {