Origami Frontend Components & Services

SassDoc: o-subs-card

o-subs-card is not maintained by the Origami team. This means that the Origami team will not necessarily be able to help you with support requests. The people who maintain this component may be able to offer support, but it's not guaranteed.

oSubsCard(opts)

Outputs all available features and styles for o-subs-card.

parameter type default description
opts (optional) ('themes': ('b2b', 'discount')) o-subs-card options including themes to output styles for. Defaults to all theme.

Examples

Example #1

All themes

@include oSubsCard();

Example #2

Base theme only

@include oSubsCard($opts: ('themes': ('b2b'));

Links

oOverlayContentClose

Overlay close button styles.

The output does not include a class definition, and should be wrapped in a selector.

Example

Output button styles

.my-close-button {
    @include oOverlayContentClose();
}

Links

oSpacingByName(size-name)

parameter type default description
size-name Get a recommended space size by name.

Returns

Number - A px value (or rem value if relative units have been enabled).

Links

oSpacingByIncrement(increment)

parameter type default description
increment The number to multiply the baseline size by.

Returns

Number - A px value (or rem value if relative units have been enabled).

Links

oSpacingGetBaselineValue

Returns

Number - A px value representing our spacing baseline (or rem value if relative units have been enabled).

Links

Status
active
Switch component view

GitHub: o-subs-card@6.2.3

Install o-subs-card

If using the Build Service, add o-subs-card@^6.2.3 to your script and link tags.

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

Help & Support

o-subs-card is not supported directly by the Origami team. We make no guarantees, but will help if we can. First try contacting its maintainers at:

Slack: #next-conversion-dev
Email: conversion.tech@ft.com