Jump To:

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

Badge-stack

Stacks badges

Variables

$config

Variable Type: Map

Module Settings

$config: (
  "width": 10rem,
  "overlap": -5px,
  "border-width": 3px,
  "border-color" : "accent"
);
File Information
  • File: _badge-stack.scss
  • Group: badge-stack
  • Type: variable
  • Lines (comments): 12-16
  • Lines (code): 18-23

Map Properties

Name Type Default Description
width Dimension 10rem Width of the badge stack
overlap Dimension -5px Right margin for stacked items
border-width Dimension 3px Border width for stacked items

Mixins

set()

Mixin

Change modules $config

File Information
  • File: _badge-stack.scss
  • Group: badge-stack
  • Type: mixin
  • Lines (comments): 25-28
  • Lines (code): 30-32

Examples

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

Parameters

Name Type Description
$changes Map Map of changes

Require

styles()

Mixin

Prints component styles

File Information
  • File: _badge-stack.scss
  • Group: badge-stack
  • Type: mixin
  • Lines (comments): 43-46
  • Lines (code): 48-84

Demo

View

Examples

@include ulu.component-badge-stack-styles();

Require

Functions

get()

Function

Get a config option

File Information
  • File: _badge-stack.scss
  • Group: badge-stack
  • Type: function
  • Lines (comments): 34-37
  • Lines (code): 39-41

Examples

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

Parameters

Name Type Description
$name Map Name of property

Require