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

Add gap and font-size function classes

Browse Source
This commit is contained in:
Isabelle Oving - Anno
2025-12-22 11:35:05 +01:00
parent cf37d8a257
commit 871e42f4ba
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

@ -1,8 +1,9 @@
// NOTE: All bootstrap overrides have been configured under themes/falcon/_dev/css/abstracts/variables/bootstrap // 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. //Abstracts: Things used throughout the site such as utility classes and generic overrides.
@import "abstracts/mixins";
//@import "abstracts/base"; //@import "abstracts/base";
@import "abstracts/functions";
@import "abstracts/mixins";
//@import "abstracts/utilities"; //@import "abstracts/utilities";
// Components: parts of the theme itself that are not associated with a module. // 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;
}
}