Headline-label

Variables

Module Settings

$config: (
  "color": "accent",
  "margin-bottom": 0.2em,
  "font-weight": true,
  "font-family": true,
  "line-height": true,
  "text-transform" : null,
  "type-size": "small"
);

File Information

• File: _headline-label.scss
• Group: headline-label
• Type: variable
• Lines (comments): 27-35
• Lines (code): 37-45

Map Properties

Name	Type	Default	Description
color	Color	ulu.cssvar-use("color-accent")	The text color of the headline label.
margin-bottom	Dimension	0.2em	The bottom margin of the headline label.
font-weight	String	typography.get("font-weight-bold")	The font weight of the headline label.
font-family	String	typography.get("font-family-sans")	The font family of the headline label.
line-height	Dimension	Number	typography.get("line-height-dense")
text-transform	String	null	The font family of the headline label.
type-size	String	"small"	The typography size preset to use for the headline label (e.g., "small", "medium", "large"), Only uses the font-size value for size

Mixins

Change modules $config

File Information

• File: _headline-label.scss
• Group: headline-label
• Type: mixin
• Lines (comments): 47-50
• Lines (code): 52-54

Examples

@include ulu.component-headline-label-set(( "color" : red ));

Parameters

Name	Type	Description
$changes	Map	Map of changes

Require

• $config

Prints component styles

File Information

• File: _headline-label.scss
• Group: headline-label
• Type: mixin
• Lines (comments): 66-68
• Lines (code): 70-83

Examples

@include ulu.component-headline-label-styles();

Require

• get()

Functions

Get a config option

File Information

• File: _headline-label.scss
• Group: headline-label
• Type: function
• Lines (comments): 56-59
• Lines (code): 61-64

Examples

@include ulu.component-headline-label-get("color");

Parameters

Name	Type	Description
$name	String	Name of property

Require

• $config