path: root/styles.scss

// origin: https://stackoverflow.com/a/75470197/18619283

/*-- scss:defaults --*/

// use broken white as background color
$body-bg: #eeebe3;
$primary: #336666;

// avoid web-loading internally declared default Bootswatch font
$web-font-path: "";

// fix apply font family setting seemingly missed by quarto
$font-family-sans-serif: "Cabin";

// use sans-serif for headers and menus
$headings-font-family: $font-family-sans-serif;
$display-font-family: $font-family-sans-serif;
$input-btn-font-family: $font-family-sans-serif;

/*-- scss:mixins --*/

@mixin font-face($name, $style, $weight, $basedir, $file) {
    @font-face {
        font-display: swap;
        font-family: #{$name};
        font-style: #{$style};
        font-weight: #{$weight};
        src: url("fonts/#{$basedir}/woff2/#{$file}.woff2") format("woff2"),
            url("fonts/#{$basedir}/opentype/#{$file}.otf") format("opentype");
    }
}

/*-- scss:rules --*/

@include font-face(ETbb, normal, 400, etbb, ETbb-Regular);
@include font-face(ETbb, italic, 400, etbb, ETbb-Italic);
@include font-face(ETbb, normal, 700, etbb, ETbb-Bold);
@include font-face(ETbb, italic, 700, etbb, ETbb-BoldItalic);

@include font-face(Cabin, normal, "400 700", cabin, "Cabin-Regular-VF");
@include font-face(Cabin, italic, "400 700", cabin, "Cabin-Italic-VF");

.navbar-title {
    font-weight: bold;
}

h2,
h3 {
    margin-bottom: unset;
    padding-bottom: unset;
    border-bottom: unset;
}

q {
    quotes: "„" "”" "‚" "’";
}

.callout {
    font-family: $font-family-sans-serif;
}