• No results

Profile Identity

Installation

  yarn add @chewy/kib-profile-styles

Import

  @use '~@chewy/kib-profile-styles/src/kib-profile-identity/styles' as kib-profile-identity;

Mixins

identity

@mixin identity() { ... }@mixin identity() { 
  display: flex;
  flex-direction: row;
  align-items: center;
 }
Description

Profile identity styles

Parameters

None.

avatar-airy

@mixin avatar-airy() { ... }@mixin avatar-airy() { 
  max-width: unit.rem(88px);
  max-height: unit.rem(88px);
  margin-inline-end: spacing.get('s3');

  @container kib-profile-card (max-width: #{settings.$card-condensed-max-width}) {
    max-width: unit.rem(40px);
    max-height: unit.rem(40px);
    margin-inline-end: spacing.get('s2');
  }
 }
Description

Airy identity image styles

Parameters

None.

Requires
Used by

avatar

@mixin avatar() { ... }@mixin avatar() { 
  max-width: unit.rem(40px);
  max-height: unit.rem(40px);
  margin-inline-end: spacing.get('s2');
  flex-shrink: 0;

  #{$parent}--airy & {
    @include avatar-airy;
  }
 }
Description

identity image styles

Parameters

None.

Requires