Functions
| Last update: | () |
| Message | docs(styleguide): webcomponent doc helper |
| Committer: | rudywaltz |
| Version history | |
Z-index@function z($layer)
z($layer)Properties
| Name | Description | Type | Required | Default value |
|---|---|---|---|---|
$layer
|
Layer's name | string |
|
- |
$layer |
z-index |
|---|---|
| below | -1 |
| default | 1 |
| tooltip | 2 |
| dropdown-backdrop | 3 |
| dropdown | 4 |
| fixed-element | 100 |
| topnav | 601 |
| shame-default | 101 |
| modal-backdrop | 501 |
| modal | 600 |
| flying | 602 |
Palette@function palette($palette, $tone: "default")
palette($palette, $tone)Properties
| Name | Description | Type | Required | Default value |
|---|---|---|---|---|
$palette
|
palette's name | map |
|
- |
$tone
|
tone's name | string | default |
$palette |
$tone |
|---|---|
| grays | full | text | shade | separator | inactive | placeholder | zebra | body | empty | |
| primary | default | light | x-light | |
| secondary | default | light | x-light | |
| success | default | light | x-light | |
| danger | default | light | x-light | |
| dark | default | light | x-light | xx-light | |
| info | default | light | x-light | |
| default | default | light | x-light | |
| warning | default | light | x-light | |
| alert | default | light | x-light | |
Map-deep-get@function map-deep-get($map, $keys...)
map-deep-get($map, $keys...)Properties
| Name | Description | Type | Required | Default value |
|---|---|---|---|---|
$map
|
map's name | map |
|
- |
$keys
|
key chain | arglist |
|
- |
Typo@function typo($type, $param)
typo($type, $param)Properties
| Name | Description | Type | Required | Default value |
|---|---|---|---|---|
$type
|
map's name | map |
|
- |
$param
|
string |
|
- |
$type |
$param |
|---|---|
| headline | family | weight | size | |
| title | family | weight | size | |
| subheader | family | weight | size | |
| button | family | weight | size | |
| body | family | weight | size | |
| small | family | weight | size | |