Chirp Sass Documentation

Fields Group

Installation

  yarn add @chewy/kib-fields-styles

Import

  @use '~@chewy/kib-fields-styles/src/kib-input-group/styles' as kib-input-group;

Mixins

@mixin group-label() { ... }@mixin group-label() { 
  @include typography.style-as('section-1');

  margin-bottom: spacing.get('s4');
 }

Description

Styles for the label of a container of a collection of related fields.

Parameters

None.

Requires

[function] get

@mixin group-messages-above() { ... }@mixin group-messages-above() { 
  @include typography.style-as('caption');

  margin-bottom: spacing.get('s4');
 }

Description

Styles for the messages be below the header but above the fields.

Parameters

None.

Requires

[function] get

@mixin group-messages-below() { ... }@mixin group-messages-below() { 
  @include typography.style-as('caption');

  margin-top: spacing.get('s4');
 }

Description

Styles for the messages below the fields.

Parameters

None.

Requires

[function] get

@mixin reset-fieldset-styling() { ... }@mixin reset-fieldset-styling() { 
  padding: 0;
  border: 0;
  margin: 0;
 }

Description

Removing default styling for fieldsets

Parameters

None.