load bootstrap scss in compilation
This commit is contained in:
@@ -1,3 +1,4 @@
|
||||
|
||||
div.coucou {
|
||||
margin: 1em;
|
||||
padding: 2em;
|
2
app/scss/_variables.scss
Normal file
2
app/scss/_variables.scss
Normal file
@@ -0,0 +1,2 @@
|
||||
$primary: pink;
|
||||
$enable-shadows: true;
|
61
app/scss/styles.scss
Normal file
61
app/scss/styles.scss
Normal file
@@ -0,0 +1,61 @@
|
||||
/// ------------------------------------
|
||||
/// Option A: Include all of Bootstrap
|
||||
/// ------------------------------------
|
||||
//@import "../node_modules/bootstrap/scss/bootstrap";
|
||||
|
||||
/// ------------------------------------
|
||||
/// Option B: Include parts of Bootstrap
|
||||
/// ------------------------------------
|
||||
|
||||
@import "../node_modules/bootstrap/scss/mixins/banner";
|
||||
@include bsBanner("");
|
||||
|
||||
// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
|
||||
@import "../node_modules/bootstrap/scss/functions";
|
||||
|
||||
// 2. Include any default variable overrides here
|
||||
@import "variables";
|
||||
|
||||
// 3. Include remainder of required Bootstrap stylesheets
|
||||
@import "../node_modules/bootstrap/scss/variables";
|
||||
@import "../node_modules/bootstrap/scss/maps";
|
||||
@import "../node_modules/bootstrap/scss/mixins";
|
||||
|
||||
// 4. Include any optional Bootstrap components as you like
|
||||
@import "../node_modules/bootstrap/scss/utilities";
|
||||
@import "../node_modules/bootstrap/scss/root";
|
||||
@import "../node_modules/bootstrap/scss/reboot";
|
||||
@import "../node_modules/bootstrap/scss/type";
|
||||
@import "../node_modules/bootstrap/scss/images";
|
||||
@import "../node_modules/bootstrap/scss/containers";
|
||||
@import "../node_modules/bootstrap/scss/grid";
|
||||
@import "../node_modules/bootstrap/scss/tables";
|
||||
@import "../node_modules/bootstrap/scss/forms";
|
||||
@import "../node_modules/bootstrap/scss/buttons";
|
||||
@import "../node_modules/bootstrap/scss/transitions";
|
||||
@import "../node_modules/bootstrap/scss/dropdown";
|
||||
@import "../node_modules/bootstrap/scss/button-group";
|
||||
@import "../node_modules/bootstrap/scss/nav";
|
||||
@import "../node_modules/bootstrap/scss/navbar";
|
||||
@import "../node_modules/bootstrap/scss/card";
|
||||
@import "../node_modules/bootstrap/scss/accordion";
|
||||
@import "../node_modules/bootstrap/scss/breadcrumb";
|
||||
@import "../node_modules/bootstrap/scss/pagination";
|
||||
@import "../node_modules/bootstrap/scss/badge";
|
||||
@import "../node_modules/bootstrap/scss/alert";
|
||||
@import "../node_modules/bootstrap/scss/progress";
|
||||
@import "../node_modules/bootstrap/scss/list-group";
|
||||
@import "../node_modules/bootstrap/scss/close";
|
||||
@import "../node_modules/bootstrap/scss/toasts";
|
||||
@import "../node_modules/bootstrap/scss/modal";
|
||||
@import "../node_modules/bootstrap/scss/tooltip";
|
||||
@import "../node_modules/bootstrap/scss/popover";
|
||||
@import "../node_modules/bootstrap/scss/carousel";
|
||||
@import "../node_modules/bootstrap/scss/spinners";
|
||||
@import "../node_modules/bootstrap/scss/offcanvas";
|
||||
@import "../node_modules/bootstrap/scss/placeholders";
|
||||
@import "../node_modules/bootstrap/scss/helpers";
|
||||
@import "../node_modules/bootstrap/scss/utilities/api";
|
||||
|
||||
// 5. Add additional custom code here
|
||||
@import "custom";
|
Reference in New Issue
Block a user