Поправил положение радиокнопок при увеличении font-size родителя

src/blocks/field-radio/field-radio--lg.less

@@ -5,9 +5,5 @@
 
   &--lg {
     font-size: @font-size--h3;
-
-    .field-radio__input {
-      top: 0.5em;
-    }
   }
 }

src/blocks/field-radio/field-radio--sm.less

@@ -5,17 +5,5 @@
 
   &--sm {
     font-size: @font-size--small;
-
-    .field-radio__input {
-      top: 0.1em;
-    }
-
-    .field-radio__name {
-      padding-left: 1.6em;
-    }
-
-    .field-radio__help-text {
-      padding-left: round(1.6em * (100 / @font-size--small-percent), 2);
-    }
   }
 }

src/blocks/field-radio/field-radio.less

@@ -17,7 +17,7 @@
 
   &__name {
     position: relative;
-    padding-left: 1.3em;
+    padding-left: 2rem;
     font-weight: 400;
     display: inline-block;
     margin-right: 0.6em;
@@ -26,17 +26,13 @@
 
   &__input {
     position: absolute;
-    top: 0.25em;
+    top: 0.7em;
+    transform: translateY(-50%);
     left: 0;
   }
 
   &__help-text {
     .help-text();
-    // Задача: здесь левый padding должен совпадать с левым padding .field-checkbox__name-text и должен быть
-    // в относительных единицах.
-    // Левый padding у .field-checkbox__name-text = 1.3em от размера шрифта родителя (указано выше в этом файле).
-    // Нужно получить 1.3em от размера шрифта родителя, отталкиваясь от здешнего (уменьшенного) размера шрифта.
-    // Фактор увеличения: 100 / @font-size--small-percent
-    padding-left: round(1.3em * (100 / @font-size--small-percent), 2);
+    padding-left: 2rem;
   }
 }

src/blocks_library.html

@@ -1879,7 +1879,6 @@
     <h1 class="blocks-library__item-title">Радиокнопки</h1>
 
     <p>Размеры задаются в <code>em</code> — зависят от размера шрифта родительского элемента.</p>
-    <p>Поскольку при увеличении шрифта изображение радиокнопки в некоторых браузерах не увеличивается, на больших размерах шрифта смотрится — так себе.</p>
 
     <div class="js-font-resizer">
       <div class="row">