• No results

Chips Tabs

Installation

  yarn add @chewy/kib-chips-styles

Import

  @use '~@chewy/kib-chips-styles/src/kib-chip-tabs/styles' as kib-chip-tabs;

Mixins

container-styles

@mixin container-styles() { ... }@mixin container-styles() { 
  @include kib-scroller.container;
  @include kib-scroller.hide-scrollbar;

  padding-left: spacing.get('s1');
  padding-right: spacing.get('s1');
  scroll-padding-left: kib-core-dimensions-get(tiny);
  scroll-snap-type: x proximity;
 }
Description

default chip scrolling container styles

Parameters

None.

Requires
Author

  • CDS

child-styles

@mixin child-styles() { ... }@mixin child-styles() { 
  & > .kib-chip-tab {
    @include kib-scroller.item;
    @include kib-scroller.item-snap-start;

    margin-top: spacing.get('s1');
    margin-bottom: spacing.get('s1');
  }
 }
Description

default scroll item styles

Parameters

None.

Requires
Author

  • CDS