Section Heading
Installation
yarn add @chewy/kib-content-groups-styles
Import
@use '~@chewy/kib-content-groups-styles/src/kib-section-heading/styles' as kib-section-heading;
Mixins
header-wrapper
@mixin header-wrapper() { ... }
@mixin header-wrapper() { margin-bottom: spacing.get('s4'); }
header-small
@mixin header-small() { ... }
@mixin header-small() { margin-bottom: spacing.get('s2'); }
heading
@mixin heading() { ... }
@mixin heading() { @include typography.style-as('section-1'); margin: 0; padding: 0; color: settings.$heading-text-color; }
heading-small
@mixin heading-small() { ... }
@mixin heading-small() { @include typography.style-as('section-2'); }
Description
small heading heading styles
Parameters
None.
subheading
@mixin subheading() { ... }
@mixin subheading() { @include typography.style-as('paragraph-2'); margin-top: spacing.get('s1'); margin-bottom: 0; color: settings.$subheading-text-color; }
Description
Chirp Section Heading Subheading Styles
Parameters
None.
Requires
- [function]
get
- [variable]
subheading-text-color
Variables
heading-text-color
$heading-text-color: color.get('text', 'primary') !default;
subheading-text-color
$subheading-text-color: color.get('text', 'secondary') !default;