ITL utility_classes

ITL utility_classes

Source: _buttons.scss, line 149

1.1 Effects

@mixin buttonEffect([lighten, darken, 3d]) Add hover-effects to buttons

  • .button--lighten: lightens the button opacity
  • .button--darken: darkens the button bg
  • .button--3d: gives a 3d effect to a button

Example

<button class="button--lighten button bg-green">Sample button</button>
<button class="button--darken button bg-green">Sample button</button>
<button class="button--3d button bg-green">Sample button</button>