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

oButtonsGetColor(...)

Gets the color of a button property for a given theme and state.

parameter type default description
state
property
type
theme A theme string or a custom theme map.

Returns

Color - The hex colour for a button property.

Examples

Example #1

background: oButtonsGetColor($state: 'default', $property: 'color', $type: 'primary');

Example #2

background: oButtonsGetColor($state: 'hover', $property: 'border', $type: 'secondary');

Links

oVisualEffectsShadowContent(elevation, color)

Elevation

A repeating linear gradient background

parameter type default description
elevation 'ultra', 'low', 'mid' or 'high'
color

Links

oVisualEffectsShadow(elevation, color)

Elevation

parameter type default description
elevation 'ultra', 'low', 'mid' or 'high'
color

Returns

Links

Status
active
Switch component view

GitHub: o-subs-card@6.2.4

Install o-subs-card

If using the Build Service, add o-subs-card@^6.2.4 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.4".

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