Foundation styles and standardised utilities
As with all Origami components, o-normalise has a silent mode. To use its compiled CSS (rather than using its mixins with your own Sass) set
$o-normalise-is-silent : false; in your Sass before you import the o-normalise Sass.
oNormaliseVisuallyHidden- provides styles to visually hide an element while remaining accessible to screen reader.
oNormaliseClearfix- adds clearfix styles to the element. See this Sitepoint article for more on clearfixes - we use a variation on method 3.
box-sizing: border-boxto the current and all descending elements, see this article by Paul Irish for a full explanation.
The following mixins apply normalising styles to groups of HTML elements, these aim to fix browser inconsistencies and any potential side-effects caused by browser default styles.
mainelements and defaults
oNormaliseText- affects text related elements
oNormaliseImages- affects the
oNormaliseForms- affects form related elements
$o-normalise-grid-gutters- provides a map of standardised grid gutter sizes
$o-normalise-border-radius- provides a standardised border radius value
If you think there is something that could be added to
o-normalise, either raise an issue to discuss or create a Pull Request with the changes to be reviewed by the Origami team.
This software is published by the Financial Times under the MIT licence.