Huesos
Style
Guide

Repositoire

GitHub

Preview

Radio

By default, radio items will use the native HTML styling.

An alternative style can be applied globaly by setting $pseudo-radio: true or case by case using the .pseudo-radio class or pseudo-radio() mixin.

Example

<div class="form-item">
    <input type="radio" id="radio" name="radio">
    <label for="radio">Radio normal</label>
</div>
<div class="form-item">
    <input type="radio" id="radio2" class="pseudo-radio" name="radio">
    <label for="radio2">Pseudo Radio</label>
</div>

Assets

  • Filesystem Path: src/components/forms/radio/_radio.scss
  • Size: 106 Bytes 
  • input {
	@if($pseudo-radio == false) {
		&[type=radio].pseudo-radio {
			@include pseudo-radio();
		}
	}
}