Jump To:

  1. Variables
    1. $config
  2. Mixins
    1. set()
    2. styles()
  3. Functions
    1. get()

Button

Output core button styles and sizes

Variables

$config

Variable Type: Map

Module Settings

$config: (
  "icon-margin" : 0.5em
);
File Information
  • File: _button.scss
  • Group: button
  • Type: variable
  • Lines (comments): 13-15
  • Lines (code): 17-19

Map Properties

Name Type Default Description
icon-margin Dimension 1em List of other sizes (large by default), each size is a map of (width, font-size)

Mixins

set()

Mixin

Change modules $config

File Information
  • File: _button.scss
  • Group: button
  • Type: mixin
  • Lines (comments): 21-24
  • Lines (code): 26-28

Examples

@include ulu.component-button-set(( "property" : value ));

Parameters

Name Type Description
$changes Map Map of changes

Require

styles()

Mixin

Output button component styles

File Information
  • File: _button.scss
  • Group: button
  • Type: mixin
  • Lines (comments): 39-43
  • Lines (code): 45-102

Examples

@include ulu.component-button-styles();
<a class="button" href="#">Button Default</a>
Preview
Button Default

Require

Functions

get()

Function

Get a config option

File Information
  • File: _button.scss
  • Group: button
  • Type: function
  • Lines (comments): 30-33
  • Lines (code): 35-37

Examples

@include ulu.component-button-get("property");

Parameters

Name Type Description
$name Map Name of property

Require