Origami Frontend Components & Services

SassDoc: o-normalise

oNormalise(opts)

Outputs all o-normalise styles.

parameter type default description
opts A map of which normalise styles and helper classes to output.

Examples

Example #1

all o-normalise styles.

@include oNormalise();

Example #2

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', 'box-sizing', 'focus', 'reduce-motion')
));

Links

oNormaliseVisuallyHidden

Visually hide an element while still allowing it to be read by a screenreader

Links

oNormaliseClearfix

Clearfix helper styles Outputs clearfix styles on the current element

Links

oNormaliseBoxSizing

Adds box sizing to current and all child elements

Links

o-normalise-is-silent

Silent mode variable

Links

oNormalise(opts)

Outputs all o-normalise styles.

parameter type default description
opts A map of which normalise styles and helper classes to output.

Examples

Example #1

all o-normalise styles.

@include oNormalise();

Example #2

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', 'box-sizing', 'focus', 'reduce-motion')
));

Links

Switch component view

GitHub Repository

Install o-normalise

If using the Build Service, add o-normalise@^2.0.0-beta.4 to your link tag.

If running a Manual Build, run bower install --save "o-normalise@^2.0.0-beta.4".

Help & Support

o-normalise is maintained directly by the Origami team. If you have any questions about o-normalise or Origami in general, we are happy to help. 😊

Slack: #ft-origami
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #ft-origami
Email: origami.support@ft.com