Outputs all o-normalise styles.
all o-normalise styles.
@include oNormalise();all o-normalise styles, without css class helpers such as o-normalise-visually-hidden.
@include oNormalise($opts: (
'elements': ('forms', 'images', 'text', 'links'),
'body': ('font-smoothing', 'focus', 'reduce-motion')
));Clearfix helper styles Outputs clearfix styles on the current element
Adds box sizing to current and all child elements
Apply a focus style using :focus-visible with :focus fallback.
Apply a focus style to a button using :focus-visible with :focus fallback.
button {
@include oNormaliseFocusApply() {
@include oNormaliseFocusContent();
};
}Output focus state styles to apply explicitly to a given element.
Output focus state styles to apply explicitly to a given element with "inverse" theme (light on dark background).
Output focus state styles for a block element of a given colour. Where the given colour refers to the background colour of the focused element, not the page background.
This is useful when dynamically creating new themes, where the colour of the
element is not known in advance. Otherwise set either oNormaliseFocusContent or
oNormaliseFocusContentInverse explicitly instead.
Undo a focus style applied by o-normalise.
Outputs all o-normalise styles.
all o-normalise styles.
@include oNormalise();all o-normalise styles, without css class helpers such as o-normalise-visually-hidden.
@include oNormalise($opts: (
'elements': ('forms', 'images', 'text', 'links'),
'body': ('font-smoothing', 'focus', 'reduce-motion')
));