Origami Frontend Components & Services

SassDoc: o-normalise

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

oNormaliseHTML

Adds normalising styles to general html elements effects: <html>, <body>, <main>, and :focus state

Links

oNormaliseText

Adds normalising styles to text related elements

Links

oNormaliseImages

Adds normalising styles to the image element

Links

oNormaliseForms

Adds normalising styles to form elements

Links

o-normalise-is-silent

Silent mode variable

Links

o-normalise-grid-gutters

Grid Gutter sizes

Links

o-normalise-border-radius

Standardised border radius

Links

o-normalise-focus-color

TODO: Update this to use o-colors/o-brand in the next major.

Links

Switch component view

GitHub Repository

Install o-normalise

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

If running a Manual Build, run bower install --save "o-normalise@^1.7.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