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; } }
landscape
@mixin landscape() { ... }
@mixin landscape() { padding-left: spacing.get('s2'); padding-bottom: spacing.get('s2'); }
transparent
@mixin transparent() { ... }
@mixin transparent() { padding-left: 0; padding-top: spacing.get('s2'); }
landscape-transparent
@mixin landscape-transparent() { ... }
@mixin landscape-transparent() { padding-left: spacing.get('s2'); padding-top: spacing.get('s2'); padding-bottom: 0; }