• 2.0.0-rc.2
<div class="form-group">
    <input type="text" class="field field--small" placeholder="Small">
</div>
<div class="form-group">
    <input type="text" class="field" placeholder="Default">
</div>
<div class="form-group">
    <input type="text" class="field field--large" placeholder="Large">
</div>

<div class="form-group">
    <select class="field field--small">
    <option selected>Small</option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
  </select>
</div>
<div class="form-group">
    <select class="field">
    <option selected>Default</option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
  </select>
</div>
<div class="form-group">
    <select class="field field--large">
    <option selected>Large</option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
  </select>
</div>

There are no notes for this item.

  • Handle: @form-input-and-select-size
  • Preview:
  • Filesystem Path: components/03-components/forms/06-input-and-select-size.html