<div class="field-wrap radio-pair">
    <input type="radio" id="yesfield" name="like" value="yes">
    <label for="yesfield" class="label-radio">Yes</label>
</div>
<div class="field-wrap radio-pair">
  <input type="radio" id="{{ field_id }}" name="like" value="yes">
  <label for="{{ label_id }}" class="label-radio">{{ label_text }}</label>
</div>
{
  "label_id": "yesfield",
  "field_id": "yesfield",
  "label_text": "Yes"
}
  • Content:
    // radio buttons and checkboxes
    .fieldset-clean {
      border: none;
      margin: 0 0 1em 0;
      padding: 0;
    }
    
    .form-simple .label-radio {
      display: inline-block;
      min-width: auto;
      padding: 0 0 0 1em;
    }
    
    .form-simple .field-wrap.radio-pair {
      padding-bottom: 0;
      padding-left: $half-gutter;
    }
    
    
    .radio-group.radio-cols {
      @include media(">bp-s") {
        column-count: 2;
      }
      @include media(">bp-m") {
        column-count: 3;
      }
    }
    
  • URL: /components/raw/radio-pair/radio-pair.scss
  • Filesystem Path: src/components/12-forms/02-molecules/03-radio-pair/radio-pair.scss
  • Size: 428 Bytes

There are no notes for this item.