|
- // 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; }`.
-
-
- //
- // Bring in Bootstrap
- //
-
- // Option 1
- //
- // Import all of Bootstrap's CSS
-
- // @import "bootstrap/scss/bootstrap";
-
- // Option 2
- //
- // Place variable overrides first, then import just the styles you need. Note that some stylesheets are required no matter what.
-
- // Toggle global options
- $enable-gradients: true;
- $enable-shadows: true;
-
- $offcanvas-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
-
- // Customize some defaults
- $body-color: #333;
- $body-bg: #fff;
- $border-radius: .4rem;
- $success: #7952b3;
-
- // Required
- @import "bootstrap/scss/functions";
- @import "bootstrap/scss/variables";
- @import "bootstrap/scss/maps";
- @import "bootstrap/scss/mixins";
- @import "bootstrap/scss/utilities";
- @import "bootstrap/scss/root";
- @import "bootstrap/scss/reboot";
-
- @import "bootstrap/scss/type";
- // @import "bootstrap/scss/images";
- @import "bootstrap/scss/containers";
- @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/nav";
- // @import "bootstrap/scss/navbar"; // Requires nav
- // @import "bootstrap/scss/card";
- // @import "bootstrap/scss/breadcrumb";
- // @import "bootstrap/scss/accordion";
- // @import "bootstrap/scss/pagination";
- // @import "bootstrap/scss/badge";
- // @import "bootstrap/scss/alert";
- // @import "bootstrap/scss/progress";
- // @import "bootstrap/scss/list-group";
- @import "bootstrap/scss/close";
- // @import "bootstrap/scss/toasts";
- @import "bootstrap/scss/modal"; // Requires transitions
- // @import "bootstrap/scss/tooltip";
- @import "bootstrap/scss/popover";
- // @import "bootstrap/scss/carousel";
- // @import "bootstrap/scss/spinners";
- @import "bootstrap/scss/offcanvas"; // Requires transitions
- // @import "bootstrap/scss/placeholders";
-
- // Helpers
- // @import "bootstrap/scss/helpers";
-
- // Utilities
- @import "bootstrap/scss/utilities/api";
-
-
- //
- // Custom styles
- //
-
- @import "icon-list";
-
- body {
- padding: 1.5rem;
- }
|