ITL utility_classes

ITL utility_classes

Source: _buttons.scss, line 101

1.3 Styles

@mixin buttonStyle([flat, curve, pill, round]) Add appearance styles to buttons

  • .button--flat: removes the border-radius
  • .button--curve: adds a border-radius
  • .button--pill: makes the button pill shaped
  • .button--round: makes the button circle shaped Should be used in combination with fixed width and height

Example

<button class="button--flat button bg-green">Sample button</button>
<button class="button--curve button bg-green">Sample button</button>
<button class="button--pill button bg-blue">Sample button</button>
<button class="button--round w64 h64 button bg-red">Big</button>