Jump To:

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

Definition-list

Definition list styles

Variables

$config

Variable Type: Map

Module Settings

$config: (
  "margin" : (0 0 1.5em 0),
  "term-font-weight": true,
  "line-height": true,
  "item-margin" : 1em,
  "separator": true,
  "separator-border": true,
  "table-breakpoint": "medium",
  "table-template-columns": (25% 75%),
  "table-gap": 1rem,
  "inline-description-separator": ",",
  "inline-term-separator": ":",
  "compact-item-margin" : 0.5em
);
File Information
  • File: _definition-list.scss
  • Group: definition-list
  • Type: variable
  • Lines (comments): 33-45
  • Lines (code): 47-60

Map Properties

Name Type Default Description
term-font-weight String true The font-weight of the dt element.
line-height Dimension true The line-height of the definition list.
item-margin CssUnit 0.75em The spacing for each item.
separator Boolean true Whether to show a separator between items.
separator-border Border true The border style for the separator.
separator-padding Dimension 0.75em The padding for the separator.
table-breakpoint String medium The breakpoint for the table layout.
table-template-columns String (25% 75%) The grid-template-columns for the table layout.
table-gap Dimension 1rem The gap for the table layout.
inline-description-separator String "," The separator for multiple dd elements in inline layout.
inline-term-separator String ":" The separator for dt elements in inline layout.

Mixins

set()

Mixin

Change modules $config

File Information
  • File: _definition-list.scss
  • Group: definition-list
  • Type: mixin
  • Lines (comments): 62-65
  • Lines (code): 67-69

Examples

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

Parameters

Name Type Description
$changes Map Map of changes

Require

styles()

Mixin

Prints component styles

File Information
  • File: _definition-list.scss
  • Group: definition-list
  • Type: mixin
  • Lines (comments): 81-84
  • Lines (code): 86-178

Demo

View

Examples

@include ulu.component-definition-list-styles();

Require

Functions

get()

Function

Get a config option

File Information
  • File: _definition-list.scss
  • Group: definition-list
  • Type: function
  • Lines (comments): 71-74
  • Lines (code): 76-79

Examples

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

Parameters

Name Type Description
$name Map Name of property

Require