radiobutton sizes

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

+@import '../../less/variables.less';     // только для удобства обращения к переменным
+
+
+.field-radio {
+
+  &--lg {
+    font-size: @font-size--h3;
+
+    .field-radio__input {
+      top: 0.5em;
+    }
+  }
+}

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

+@import '../../less/variables.less';     // только для удобства обращения к переменным
+
+
+.field-radio {
+
+  &--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_library.html

@@ -909,6 +909,78 @@
         </div>
       </div>
     </div>
+    <div class="blocks-library__sub-item">
+      <b class="blocks-library__sub-item-title"><code>.field-radio.field-radio--lg</code></b>
+      <div class="row">
+        <div class="col-md-6">
+          <div class="field-radio  field-radio--lg">
+            <div class="field-radio__title">Стандартная радиокнопка</div>
+            <div class="field-radio__input-wrap">
+              <label class="field-radio__name">
+                <input class="field-radio__input" type="radio">
+                <span class="field-radio__name-text">Да</span>
+              </label>
+              <div class="field-radio__help-text">Пояснение не обязательно.</div>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-6">
+          <div class="field-radio  field-radio--lg  field-radio--custom">
+            <div class="field-radio__title">Собственные радиокнопки</div>
+            <div class="field-radio__input-wrap">
+              <label class="field-radio__name">
+                <input class="field-radio__input" type="radio" name="radio-demo-4" checked>
+                <span class="field-radio__name-text">Да</span>
+              </label>
+              <label class="field-radio__name">
+                <input class="field-radio__input" type="radio" name="radio-demo-4">
+                <span class="field-radio__name-text">Нет</span>
+              </label>
+              <label class="field-radio__name">
+                <input class="field-radio__input" type="radio" name="radio-demo-4">
+                <span class="field-radio__name-text">Не знаю</span>
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="blocks-library__sub-item">
+      <b class="blocks-library__sub-item-title"><code>.field-radio.field-radio--sm</code></b>
+      <div class="row">
+        <div class="col-md-6">
+          <div class="field-radio  field-radio--sm">
+            <div class="field-radio__title">Стандартная радиокнопка</div>
+            <div class="field-radio__input-wrap">
+              <label class="field-radio__name">
+                <input class="field-radio__input" type="radio">
+                <span class="field-radio__name-text">Да</span>
+              </label>
+              <div class="field-radio__help-text">Пояснение не обязательно.</div>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-6">
+          <div class="field-radio  field-radio--sm  field-radio--custom">
+            <div class="field-radio__title">Собственные радиокнопки</div>
+            <div class="field-radio__input-wrap">
+              <label class="field-radio__name">
+                <input class="field-radio__input" type="radio" name="radio-demo-5" checked>
+                <span class="field-radio__name-text">Да</span>
+              </label>
+              <label class="field-radio__name">
+                <input class="field-radio__input" type="radio" name="radio-demo-5">
+                <span class="field-radio__name-text">Нет</span>
+              </label>
+              <label class="field-radio__name">
+                <input class="field-radio__input" type="radio" name="radio-demo-5">
+                <span class="field-radio__name-text">Не знаю</span>
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   </section>
 
 

src/less/style.less

@@ -21,6 +21,8 @@
 @import './src/blocks/field-checkbox/field-checkbox--sm.less';
 @import './src/blocks/field-radio/field-radio.less';
 @import './src/blocks/field-radio/field-radio--custom.less';
+@import './src/blocks/field-radio/field-radio--lg.less';
+@import './src/blocks/field-radio/field-radio--sm.less';
 @import './src/blocks/field-select/field-select.less';
 @import './src/blocks/field-range/field-range.less';
 @import './src/blocks/field-file/field-file.less';