89 lines
2.7 KiB
SCSS
89 lines
2.7 KiB
SCSS
@import "fonts";
|
|
$font-family-sans-serif: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
|
|
$headings-font-family: Quicksand, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
|
|
|
|
$primary: #C71585;
|
|
$alert-border-level: -3;
|
|
|
|
$container-max-widths: (
|
|
sm: 540px,
|
|
md: 768px,
|
|
lg: 769px,
|
|
xl: 770px
|
|
) !default;
|
|
|
|
|
|
@import "~bootstrap/scss/functions";
|
|
@import "~bootstrap/scss/variables";
|
|
@import "~bootstrap/scss/mixins";
|
|
@import "~bootstrap/scss/root";
|
|
@import "~bootstrap/scss/reboot";
|
|
@import "~bootstrap/scss/type";
|
|
//@import "~bootstrap/scss/images";
|
|
//@import "~bootstrap/scss/code";
|
|
//@import "~bootstrap/scss/grid";
|
|
@import "~bootstrap/scss/tables";
|
|
@import "~bootstrap/scss/forms";
|
|
@import "~bootstrap/scss/buttons";
|
|
//@import "~bootstrap/scss/transitions";
|
|
//@import "~bootstrap/scss/dropdown";
|
|
@import "~bootstrap/scss/button-group";
|
|
@import "~bootstrap/scss/input-group";
|
|
@import "~bootstrap/scss/custom-forms";
|
|
//@import "~bootstrap/scss/nav";
|
|
//@import "~bootstrap/scss/navbar";
|
|
@import "~bootstrap/scss/card";
|
|
//@import "~bootstrap/scss/breadcrumb";
|
|
//@import "~bootstrap/scss/pagination";
|
|
//@import "~bootstrap/scss/badge";
|
|
//@import "~bootstrap/scss/jumbotron";
|
|
@import "~bootstrap/scss/alert";
|
|
//@import "~bootstrap/scss/progress";
|
|
//@import "~bootstrap/scss/media";
|
|
//@import "~bootstrap/scss/list-group";
|
|
//@import "~bootstrap/scss/close";
|
|
//@import "~bootstrap/scss/toasts";
|
|
//@import "~bootstrap/scss/modal";
|
|
//@import "~bootstrap/scss/tooltip";
|
|
//@import "~bootstrap/scss/popover";
|
|
//@import "~bootstrap/scss/carousel";
|
|
//@import "~bootstrap/scss/spinners";
|
|
@import "~bootstrap/scss/utilities";
|
|
@import "~bootstrap/scss/print";
|
|
|
|
$fa-font-path: "~@fortawesome/fontawesome-pro/webfonts";
|
|
@import "~@fortawesome/fontawesome-pro/scss/fontawesome";
|
|
@import "~@fortawesome/fontawesome-pro/scss/light";
|
|
@import "~@fortawesome/fontawesome-pro/scss/brands";
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
scroll-padding-top: 18px;
|
|
}
|
|
|
|
body {
|
|
//padding-top: 2rem;
|
|
//padding-bottom: 2rem;
|
|
margin: 2rem auto;
|
|
max-width: min(90vw, 768px);
|
|
}
|
|
|
|
section {
|
|
margin: 2*$spacer 0;
|
|
}
|
|
|
|
code {
|
|
@include font-size($code-font-size);
|
|
color: $code-color;
|
|
word-wrap: break-word;
|
|
|
|
// Streamline the style when inside anchors to avoid broken underline and more
|
|
a > & {
|
|
color: inherit;
|
|
}
|
|
|
|
border: 1px solid $code-color;
|
|
padding: .2em;
|
|
border-radius: $border-radius-sm;
|
|
}
|