Product Sponsor

Installation

  yarn add @chewy/kib-product-styles

Import

  @use '~@chewy/kib-product-styles/src/kib-product-sponsor/styles' as kib-product-sponsor;

Mixins

sponsor

@mixin sponsor() { ... }@mixin sponsor() { 
  @include typography.style-as('utility-1');

  margin-bottom: spacing.get('s1');
  display: inline-block;
  background-color: settings.$background-color;
  color: settings.$text-color;
 }
Description

default sponsor styles

Parameters

None.

Requires

Variables

background-color

$background-color: color.get('ui-bg', 'primary') !default;
Description

Background color of product sponsor

Type

Color

text-color

$text-color: color.get('text', 'secondary') !default;
Description

Color of product sponsor text

Type

Color