@charset “utf-8”;
//variable defaults $base-font: “Rubik” !default; $base-font-size: 16px !default; $base-font-line-height: 1.4 !default; $base-font-weight: 400 !default; $light-font-weight: 300 !default; $bold-font-weight: 500 !default;
$title-font: “Zilla Slab”; $title-font-regular: 500; $title-font-bold: 600;
$grid-breakpoints: ( //unceremoniously taken from bootstrap 4+ until I find ones I like better
xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px
) !default;
$rebuild-blue: #0b1933; $rebuild-blue-dark: darken($rebuild-blue, 8%); $rebuild-blue-light: daf5ff; $rebuild-white: f9f9f9; $rebuild-baby: dadafa; $rebuild-grey: dddddd;
$transition-timing: all 150ms ease;
//mixins @mixin relative($ratio) {
font-size: $base-font-size * $ratio;
}
@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
$min: map-get($breakpoints, $name); @return if($min != 0, $min, null);
}
@mixin breakpoint-up($name, $breakpoints: $grid-breakpoints) { //pretty much media-breakpoint-up from bootstrap 4+
$min: breakpoint-min($name, $breakpoints); @if $min { @media (min-width: $min) { //yeah, we mobile-first. sorry @content; } } @else { @content; }
} // partials @import
"rebuild/base", "rebuild/layout", "rebuild/syntax-highlighting"
;