diff --git a/falcon/_dev/css/theme/custom/_custom.scss b/falcon/_dev/css/theme/custom/_custom.scss index 1fe46e1..42b25c6 100644 --- a/falcon/_dev/css/theme/custom/_custom.scss +++ b/falcon/_dev/css/theme/custom/_custom.scss @@ -1,8 +1,9 @@ // NOTE: All bootstrap overrides have been configured under themes/falcon/_dev/css/abstracts/variables/bootstrap //Abstracts: Things used throughout the site such as utility classes and generic overrides. -@import "abstracts/mixins"; //@import "abstracts/base"; +@import "abstracts/functions"; +@import "abstracts/mixins"; //@import "abstracts/utilities"; // Components: parts of the theme itself that are not associated with a module. diff --git a/falcon/_dev/css/theme/custom/abstracts/_functions.scss b/falcon/_dev/css/theme/custom/abstracts/_functions.scss new file mode 100644 index 0000000..cc4565e --- /dev/null +++ b/falcon/_dev/css/theme/custom/abstracts/_functions.scss @@ -0,0 +1,17 @@ +@use "sass:math"; + +// Font size utility classes generator +// Generates utility classes like .fs-14, .fs-16, etc. +@for $i from 8 through 72 { + .fs-#{$i} { + font-size: rem-calc($i * 1px) !important; + } +} + +// gap size utility classes generator +// Generates utility classes like .gap-4 +@for $i from 1 through 35 { + .gap-#{$i} { + gap: rem-calc($i * 1px) !important; + } +}