@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; } @for $columns from 1 through 12 { .table-fixed-#{$columns} { th, td { width: (100% / $columns); } } }