Origami Frontend Components & Services

SassDoc: o-editorial-layout

oEditorialLayout

Output All oEditorialLayout Features

Links

oEditorialLayoutHeading(level)

Heading typography and margin. A placeholder is used, which may effect the source order of your CSS.

parameter type default description
level The heading level 1-5.

Links

oEditorialLayoutBody

Body typography and margin.

Links

oEditorialLayoutBodyWithoutTypography

Apply body typography layout, such as margin in relation to other elements, without including typographic styles such as font size and family. Useful when inheriting typographic styles from a parent element.

Links

o-editorial-layout-load-fonts

If true, include fonts from o-fonts.

Defaults to the value of $o-editorial-typography-load-fonts. If you are using o-typography or o-editorial-typography and have already indicated not to load fonts, preferring to load fonts manually, this variable does not need to be set. If you are not using o-typography, set this to false to load fonts manually.

Links

Status
active
Switch component view

GitHub: o-editorial-layout@2.4.1

Install o-editorial-layout

If using the Build Service, add o-editorial-layout@^2.4.1 to your link tag.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-editorial-layout@^2.4.1".

Help & Support

o-editorial-layout is maintained directly by the Origami team. If you have any questions about o-editorial-layout 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