Radio Buttons

Use the .radio class alongside a label to get default styling for radio inputs.

Option 1 Option 2

<form action="">
  <input type="radio" class="radio" id="option1">
  <label for="option1">Option 1</label>
  <input type="radio" class="radio" id="option2">
  <label for="option2">Option 2</label>
</form>

Radio Color

Inside of the styleguide base.scss file, there are 2 control variables named $radioColor and $radioLabel
If you wish to change the fill color of your radios, simply add $radioColor: $desired-var; inside of your projects scss stylesheet.
Alternately If you wish to change the text color of your radios, simply add $radioLabel: $desired-var; inside of your projects scss stylesheet.
Make sure that your stylesheet is loaded after the base stylesheet.

$radioColor: $soc-blue;
$radioLabel: $soc-black;