1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
|
@mixin bslib-breakpoints-css-vars(
$breakpoint-var,
$breakpoints,
$allow-cascade: false
) {
@each $breakpoint in $breakpoints {
@if not $allow-cascade {
--#{$breakpoint-var}--#{$breakpoint}: unset;
}
@include media-breakpoint-up(#{$breakpoint}) {
&.#{$breakpoint-var}--#{$breakpoint} {
--#{$breakpoint-var}: var(--#{$breakpoint-var}--#{$breakpoint});
}
}
}
}
// Intentionally replicates Bootstrap's %heading placeholder
// https://github.com/twbs/bootstrap/blob/2c7f88/scss/_reboot.scss#L83-L96
@mixin bootstrap-heading-font-and-spacing($font-size) {
@include font-size($font-size);
margin-top: 0; // 1
margin-bottom: $headings-margin-bottom;
font-family: $headings-font-family;
font-style: $headings-font-style;
font-weight: $headings-font-weight;
line-height: $headings-line-height;
}
@mixin bootstrap-heading($font-size) {
@include bootstrap-heading-font-and-spacing($font-size);
color: var(--#{$prefix}heading-color);
}
|