isabelle/Falcon-PrestaShop-9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(scss): Add gap and font-size utility functions

Browse Source
This commit is contained in:
Isabelle Oving - Anno
2025-12-31 16:56:10 +01:00
parent 8c79477559
commit 47f985815a
2 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
falcon/_dev/css/theme/custom/_custom.scss
View File

@ -6,8 +6,9 @@ https://medium.com/@diyorbekjuraev77/be-a-master-at-creating-the-7-1-sass-patter
⚠️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.

17
falcon/_dev/css/theme/custom/abstracts/_functions.scss Normal file
View File

@ -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;
}
}