From 144b7a2ea83507c98544d14ad9435cc5e51ac071 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 5 Feb 2022 12:26:35 +0100 Subject: Update --- src/mixins/_typography.scss | 63 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 src/mixins/_typography.scss (limited to 'src/mixins/_typography.scss') diff --git a/src/mixins/_typography.scss b/src/mixins/_typography.scss new file mode 100644 index 0000000..31e39f0 --- /dev/null +++ b/src/mixins/_typography.scss @@ -0,0 +1,63 @@ +@function set-font($basis, $values: ()) { + $font: map-merge($basis, $values); + + $map: (font-family: map-get($font, 'family')); + + @if (map-has-key($font, 'size')) { + $map: map-merge( + $map, ( + font-size: map-get($font, 'size') + ) + ); + } + + @if (map-has-key($font, 'weight')) { + $map: map-merge( + $map, ( + font-weight: map-get($font, 'weight') + ) + ); + } + + @if (map-has-key($font, 'style')) { + $map: map-merge( + $map, ( + font-style: map-get($font, 'style') + ) + ); + } + + @if (map-has-key($font, 'line-height')) { + $map: map-merge( + $map, ( + line-height: map-get($font, 'line-height') + ) + ); + } + + @if (map-has-key($font, 'transform')) { + $map: map-merge( + $map, ( + text-transform: map-get($font, 'transform') + ) + ); + } + + @if (map-has-key($font, 'variant-alternates')) { + $map: map-merge( + $map, ( + font-variant-alternates: map-get($font, 'variant-alternates') + ) + ); + } + + @return $map; +} + +@mixin set-font($basis, $values: ()) { + $values: set-font($basis, $values); + + @each $prop, $value in $values { + #{$prop}: $value; + } +} -- cgit v1.2.3-54-g00ecf