o-header

mixins

[private] _oHeaderGetFeatureMixin

@mixin _oHeaderGetFeatureMixin() { ... }

Description

Includes the correct mixin based on the row passed

Parameters

None.

Used by

Links

oHeaderItemSeparator

@mixin oHeaderItemSeparator() { ... }

Description

Horizontal list item separator

Parameters

None.

Links

oHeaderLogoSize

@mixin oHeaderLogoSize($breakpoint) { ... }

Description

Calculate logo dimensions for the given breakpoint

Parameters

parameterNameparameterDescriptionparameterTypeparameterDefault value
$breakpoint

XS, S, M, L or XL

Stringnone

Links

oHeaderBrandImage

@mixin oHeaderBrandImage($logo-name, $color, $fallback-width) { ... }

Description

Construct a logo image URL

Parameters

parameterNameparameterDescriptionparameterTypeparameterDefault value
$logo-namenoneStringnone
$colornoneColornone
$fallback-widthnoneNumbernone

Requires

Links

oHeaderVisuallyHidden

@mixin oHeaderVisuallyHidden() { ... }

Description

Applies styles to hide an element accessibly, allowing the content to be read by screenreaders.

Parameters

None.

Links

General

mixins

oHeader

@mixin oHeader($features) { ... }

Description

Output the styles for the header. Can be passed a list of one or more rows to output. By default, will output all row styles.

Parameters

parameterNameparameterDescriptionparameterTypeparameterDefault value
$featuresnoneListnone

Throws

  • There is no feature

Requires

variables

o-header-image-base-url

$o-header-image-base-url: "https://www.ft.com/__origami/service/image" !default;

Description

Option to change the base of the image service url

Type

String

Used by

o-header-image-service-version

$o-header-image-service-version: "v2" !default;

Description

Option to change the version of the image service url

Type

String

Used by