diff --git a/falcon/_dev/css/theme/custom/abstracts/_functions.scss b/falcon/_dev/css/theme/custom/abstracts/_functions.scss index cc4565e..773a60a 100644 --- a/falcon/_dev/css/theme/custom/abstracts/_functions.scss +++ b/falcon/_dev/css/theme/custom/abstracts/_functions.scss @@ -8,10 +8,34 @@ } } +// Font weight utility classes generator +// Generates utility classes like .fw-100, .fw-200, etc. +@for $i from 100 through 900 { + @if $i % 100 == 0 { + .fw-#{$i} { + font-weight: #{$i} !important; + } + } +} + // gap size utility classes generator -// Generates utility classes like .gap-4 +// Generates utility classes like .gap-4, .gap-col-4, .gap-row-4 @for $i from 1 through 35 { .gap-#{$i} { gap: rem-calc($i * 1px) !important; } + .gap-col-#{$i} { + column-gap: rem-calc($i * 1px) !important; + } + .gap-row-#{$i} { + row-gap: rem-calc($i * 1px) !important; + } +} + +// hex to rgba function +@function hex-to-rgba($hex, $alpha) { + $r: red($hex); + $g: green($hex); + $b: blue($hex); + @return rgba($r, $g, $b, $alpha); }