diff --git a/falcon/_dev/css/theme/custom/abstracts/_utilities.scss b/falcon/_dev/css/theme/custom/abstracts/_utilities.scss index 73b6d30..17742e8 100644 --- a/falcon/_dev/css/theme/custom/abstracts/_utilities.scss +++ b/falcon/_dev/css/theme/custom/abstracts/_utilities.scss @@ -1,3 +1,30 @@ +// Spacers +$section-spacer: rem-calc(50px); +$section-spacer-small: rem-calc(25px); + +.section-spacer { + margin-top: $section-spacer; + @include bs5-media-breakpoint-up(lg) { + margin-top: calc($section-spacer * 1.5); + } + &--small { + margin-top: $section-spacer-small; + @include bs5-media-breakpoint-up(lg) { + margin-top: calc($section-spacer-small * 1.5); + } + } +} + // Header selector for interpolation // Example usage: #{$headings} { ... } $headings: "h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6"; + +// Background +.bg__block { + // background: url(../img/bg.svg) repeat center center, $tertiary; +} + +// Border +.bordered { + border: 1px solid $border-color !important; +}