74 lines
2.2 KiB
SCSS
74 lines
2.2 KiB
SCSS
@import "../node_modules/@fontsource/comic-neue/latin.css";
|
|
@import "../node_modules/@fontsource/opendyslexic/latin.css";
|
|
|
|
|
|
// Configuration
|
|
@import "../node_modules/bootstrap/scss/functions";
|
|
@import "../node_modules/bootstrap/scss/variables";
|
|
@import "../node_modules/bootstrap/scss/mixins";
|
|
@import "../node_modules/bootstrap/scss/utilities";
|
|
|
|
$default-fonts: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
$fonts-comic-sans-neue: "Comic Sans MS", "Comic Neue", $default-fonts;
|
|
$fonts-comic-neue: "Comic Neue", $default-fonts;
|
|
$fonts-opendyslexic: "OpenDyslexic", $default-fonts;
|
|
$font-sans-serif: $fonts-comic-sans-neue;
|
|
|
|
|
|
// Layout & components
|
|
@import "../node_modules/bootstrap/scss/root";
|
|
@import "../node_modules/bootstrap/scss/reboot";
|
|
@import "../node_modules/bootstrap/scss/type";
|
|
//@import "../node_modules/bootstrap/scss/images";
|
|
@import "../node_modules/bootstrap/scss/containers";
|
|
@import "../node_modules/bootstrap/scss/grid";
|
|
@import "../node_modules/bootstrap/scss/list-group";
|
|
@import "../node_modules/bootstrap/scss/tables";
|
|
@import "../node_modules/bootstrap/scss/forms";
|
|
@import "../node_modules/bootstrap/scss/buttons";
|
|
@import "../node_modules/bootstrap/scss/button-group";
|
|
@import "../node_modules/bootstrap/scss/card";
|
|
|
|
// Helpers
|
|
@import "../node_modules/bootstrap/scss/helpers";
|
|
|
|
// Utilities
|
|
@import "../node_modules/bootstrap/scss/utilities/api";
|
|
// scss-docs-end import-stack
|
|
|
|
|
|
html {
|
|
position: relative;
|
|
min-height: 100%;
|
|
}
|
|
|
|
body {
|
|
margin-bottom: 60px;
|
|
/* Margin bottom by footer height */
|
|
}
|
|
|
|
.footer {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 60px;
|
|
/* Set the fixed height of the footer here */
|
|
line-height: 60px;
|
|
/* Vertically center the text there */
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
/* for custom theme settings, options in mainPage.tsx as of writing */
|
|
|
|
html [data-font="default"] {
|
|
font-family: $fonts-comic-sans-neue;
|
|
}
|
|
html [data-font="system"] {
|
|
font-family: $default-fonts;
|
|
}
|
|
html [data-font="comicneue"] {
|
|
font-family: $fonts-comic-neue;
|
|
}
|
|
html [data-font="opendyslexic"] {
|
|
font-family: $fonts-opendyslexic;
|
|
} |