@mixin restyle($descriptors...) { ... }
Description
outputs the styles for the given descriptors
Parameters
parameterName | parameterDescription | parameterType | parameterDefault value |
---|
$descriptors... | the descriptors | Map or List or String | —none |
---|
Content
This mixin allows extra content to be passed (through the @content
directive).
Output
@mixin restyle-diff($original, $other) { ... }
Description
outputs the style difference between the two definitions
Parameters
parameterName | parameterDescription | parameterType | parameterDefault value |
---|
$original | the original restyle object | Map or List or String | —none |
---|
$other | the other restyle object to compare | Map or List or String | —none |
---|
Content
This mixin allows extra content to be passed (through the @content
directive).
@mixin restyle-define($name, $definition) { ... }
Description
adds a new restyle definition
Parameters
parameterName | parameterDescription | parameterType | parameterDefault value |
---|
$name | the name of the item to define | String | —none |
---|
$definition | the definition | Map | —none |
---|
Content
This mixin allows extra content to be passed (through the @content
directive).
@mixin restyle-alias($alias, $maps-to) { ... }
Description
convenience mixin for aliasing definitions
Parameters
parameterName | parameterDescription | parameterType | parameterDefault value |
---|
$alias | the alias string | String | —none |
---|
$maps-to | the definition to alias to | String or List | —none |
---|
@mixin restyle-extend($name, $definition) { ... }
Description
convenience mixin for extending a restyle definition
Parameters
parameterName | parameterDescription | parameterType | parameterDefault value |
---|
$name | the name of the item to extend | String | —none |
---|
$definition | the definition | Map | —none |
---|
@mixin restyle-add-state($state, $selector) { ... }
Description
Parameters
parameterName | parameterDescription | parameterType | parameterDefault value |
---|
$state | the state enum | String | —none |
---|
$selector | the mapping for the enum | String | —none |
---|
@mixin restyle-config($key, $value) { ... }
Description
convenience mixin for invoking restyle-config function without having to use the function result
Parameters
@mixin restyle-with-config($key, $value) { ... }
Description
temporarily use a different config within a block
Parameters
Content
This mixin allows extra content to be passed (through the @content
directive).
@mixin with-multiple-values($value) { ... }
Description
allows iterating over a collection of multiple-values
for each iteration, the result is available as $restyle-current-value
Parameters
parameterName | parameterDescription | parameterType | parameterDefault value |
---|
$value | the collection to iterate over | Any | —none |
---|
Content
This mixin allows extra content to be passed (through the @content
directive).
@mixin -restyle--smart-content($placeholder, $output, $extend) { ... }
Description
outputs @content into a placeholder, and then extends it, if the placeholder already exists, just extend it
Parameters
parameterName | parameterDescription | parameterType | parameterDefault value |
---|
$placeholder | the placeholder name to use | String | —none |
---|
$output | if false , will only create the placeholder, but not extend it | Boolean | —none |
---|
$extend | if false , will force the content to be output in the current context, and not extended | Boolean | —none |
---|
Content
This mixin allows extra content to be passed (through the @content
directive).
Requires
Used by
@mixin -restyle--styles($styles, $extend) { ... }
Description
given a map of styles, outputs the styles into CSS
Parameters
parameterName | parameterDescription | parameterType | parameterDefault value |
---|
$styles | the styles to process | Map | —none |
---|
$extend | whether or not to extend (depends on config smart-content-enabled being true ) | Boolean | —none |
---|
Content
This mixin allows extra content to be passed (through the @content
directive).
Throws
Requires
@mixin -restyle--log-time($name, $`) { ... }
Description
a helper mixin for measuring the time it takes to do stuff
Parameters
parameterName | parameterDescription | parameterType | parameterDefault value |
---|
$name | the name of the timer | String | —none |
---|
$` | placeholder) | String} $message - the message to log (must contain a `{time | —none |
---|
Content
This mixin allows extra content to be passed (through the @content
directive).
Used by