/* * Your custom variables */ $grid-breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1390px, xxxl: 1590px); $container-max-widths: (sm: 540px, md: 720px, lg: 960px, xl: 1140px, xxl: 1330px, xxxl: 1560px); $font-family-base: "Lato", sans-serif; $grid-gutter-height: 8rem; $gray-900: #212529; $white: #fff; $blue: #016cb1; $yellow: #ecac02; $dark: #000; //$primary: $dark; $bg-alt: $yellow; $body-color: $gray-900; $navbar-light-active-color: $blue; $navbar-dark-hover-background: $dark; $navbar-dark-active-background: $dark; $navbar-dark-show-color: $blue; $navbar-dark-show-background: $dark; $dropdown-border-color: $white; $footer-size: 18.5rem; $footer-bar-size: 2.5rem; /* * bootstrap includes * keep it at the end */ // bootstrap minify bugfix: $navbar-dark-toggler-icon-bg: none; $navbar-light-toggler-icon-bg: none; // IE > 9 $enable-flex: true; @import "~bootstrap/scss/functions"; @import "~bootstrap/scss/variables"; @import "~bootstrap/scss/mixins";