// Override Bootstrap's Sass default variables // // Nearly all variables in Bootstrap are written with the `!default` flag. // This allows you to override the default values of those variables before // you import Bootstrap's source Sass files. // // Overriding the default variable values is the best way to customize your // CSS without writing _new_ styles. For example, change you can either change // `$body-color` or write more CSS that override's Bootstrap's CSS like so: // `body { color: red; }`. .mganav{ // // Bring in Bootstrap // // Option 1 // // Import all of Bootstrap's CSS // @import "bootstrap"; // Option 2 // // Import just the styles you need. Note that some stylesheets are required no matter what. @import "functions"; // Required @import "variables"; // Required @import "mixins"; // Required // // Override Bootstrap here // // Toggle global options //$enable-gradients: true; //$enable-shadows: true; // Customize some defaults //$body-color: $purple; //$body-bg: #f5f5f5; //$border-radius: .4rem; /* from previous work bootstrap 4.0 @import "functions"; @import "variables"; @import "mixins"; @import "type"; @import "transitions"; @import "dropdown"; @import "nav"; @import "navbar"; @import "breadcrumb"; */ // @import "root"; // @import "reboot"; // Required @import "type"; // @import "images"; // @import "code"; //@import "grid"; // @import "tables"; // @import "forms"; //@import "buttons"; @import "transitions"; @import "dropdown"; // @import "button-group"; // @import "input-group"; // Requires forms // @import "custom-forms"; @import "nav"; @import "navbar"; // Requires nav // @import "card"; @import "breadcrumb"; // @import "pagination"; // @import "badge"; // @import "jumbotron"; // @import "alert"; // @import "progress"; // @import "media"; // @import "list-group"; // @import "close"; // @import "toasts"; // @import "modal"; // Requires transitions // @import "tooltip"; // @import "popover"; // @import "carousel"; // @import "spinners"; // @import "utilities"; // @import "print"; // // Custom styles // //body { // padding: 3rem 1.5rem; //} // Style Bootstrap icons //.bi { // fill: currentColor; //} }