68 lines
2.2 KiB
Sass
68 lines
2.2 KiB
Sass
@use "sass:map"
|
|
|
|
// this file contains the mixins
|
|
|
|
@mixin toggle-section-numbers($header, $toggle)
|
|
@if $toggle == true
|
|
#{$header} > span[class^="section-number"]:first-of-type
|
|
display: inline // Uses the default display for the header
|
|
@else
|
|
#{$header} > span[class^="section-number"]:first-of-type
|
|
display: none
|
|
@endif
|
|
|
|
@mixin remove-section-number($element)
|
|
#{$element} > span[class^="section-number"]:first-of-type
|
|
display: none
|
|
|
|
// @mixin set-header-color($header-color)
|
|
// h1, h2, h3, h4, h5, h6
|
|
// color: $header-color
|
|
|
|
@mixin set-header-colors($header-colors)
|
|
@each $header, $size in $header-colors
|
|
#{$header}
|
|
color: #{$size}
|
|
|
|
@mixin set-header-sizes($header-sizes)
|
|
@each $header, $size in $header-sizes
|
|
#{$header}
|
|
font-size: #{$size}
|
|
|
|
@mixin adjust-header-size($scale-factor, $header-sizes)
|
|
@each $header, $size in $header-sizes
|
|
#{$header}
|
|
font-size: calc(#{$scale-factor} * #{$size})
|
|
|
|
// Sides Margin Mixin
|
|
@mixin set-header-margins-sides($header-margins-sides)
|
|
@each $header, $margins in $header-margins-sides
|
|
#{$header}
|
|
margin-left: map.get($margins, left)
|
|
margin-right: map.get($margins, right)
|
|
|
|
// Vertical Margin Mixin
|
|
@mixin set-header-margins-vertical($header-margins-vertical)
|
|
@each $header, $margins in $header-margins-vertical
|
|
#{$header}
|
|
margin-top: map.get($margins, top)
|
|
margin-bottom: map.get($margins, bottom)
|
|
|
|
// Sides Margin Mixin
|
|
@mixin set-header-margins-sides($header-margins-sides)
|
|
@each $header, $margins in $header-margins-sides
|
|
#{$header}
|
|
margin-left: map.get($margins, left)
|
|
margin-right: map.get($margins, right)
|
|
|
|
// Vertical Margin Mixin
|
|
@mixin set-header-margins-vertical($header-margins-vertical)
|
|
@each $header, $margins in $header-margins-vertical
|
|
#{$header}
|
|
margin-top: map.get($margins, top)
|
|
margin-bottom: map.get($margins, bottom)
|
|
|
|
// Function to return the font size from the $header-styles map
|
|
@function get-header-property($element, $property)
|
|
$element-styles: map.get($header-styles, $element) // Get the styles for the element
|
|
@return map.get($element-styles, $property) // Return the requested property value
|