Article Source

Mixins

root

@mixin root() { ... }@mixin root() { 
  display: flex;
  padding-left: spacing.get('s3');
  padding-bottom: spacing.get('s3');

  svg {
    height: unit.rem(10px);
    align-self: flex-start;
  }
 }
Description

root styles

Parameters

None.

Requires

landscape

@mixin landscape() { ... }@mixin landscape() { 
  padding-left: spacing.get('s2');
  padding-bottom: spacing.get('s2');
 }
Description

landscape styles

Parameters

None.

Requires

transparent

@mixin transparent() { ... }@mixin transparent() { 
  padding-left: 0;
  padding-top: spacing.get('s2');
 }
Description

transparent styles

Parameters

None.

Requires

landscape-transparent

@mixin landscape-transparent() { ... }@mixin landscape-transparent() { 
  padding-left: spacing.get('s2');
  padding-top: spacing.get('s2');
  padding-bottom: 0;
 }
Description

landscape transparent styles

Parameters

None.

Requires