Chirp Sass Documentation

List Icon

Installation

  yarn add @chewy/kib-lists-styles

Import

  @use '~@chewy/kib-lists-styles/src/kib-list-icon/styles' as kib-list-icon;

Mixins

@mixin root-container() { ... }@mixin root-container() { 
  @include typography.style-as('paragraph-1');

  margin-bottom: spacing.get('s4');
  display: flex;
  align-items: flex-start;
 }

Description

Root container

Parameters

None.

Requires

[function] get

@mixin icon() { ... }@mixin icon() { 
  margin-right: spacing.get('s4');
  display: block;
  flex-shrink: 0;
  width: settings.$icon-size;
  height: settings.$icon-size;
 }

Description

Icon container

Parameters

None.

Requires

[function] get
[variable] icon-size

Variables

$icon-size: kib-core.dimensions-get('large') !default;

Description

Size of icon container of SVG

Type

Number