hop add some elements
This commit is contained in:
@@ -1,11 +1,9 @@
|
||||
|
||||
div.coucou {
|
||||
margin: 1em;
|
||||
padding: 2em;
|
||||
background-color: cyan;
|
||||
|
||||
span {
|
||||
padding: 1em;
|
||||
background-color: yellow;
|
||||
div#mon-panier {
|
||||
background-color: $green-200;
|
||||
.intro {
|
||||
background-color: $green-100;
|
||||
}
|
||||
.resume {
|
||||
background-color: $green-300;
|
||||
}
|
||||
}
|
||||
|
@@ -1,2 +1,5 @@
|
||||
$primary: pink;
|
||||
$enable-shadows: true;
|
||||
|
||||
//$primary: pink;
|
||||
$enable-shadows: false;
|
||||
$enable-rounded: true;
|
||||
$enable-negative-margins: true;
|
||||
|
61
app/scss/bootstrap.scss
vendored
Normal file
61
app/scss/bootstrap.scss
vendored
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";
|
@@ -1,61 +1,17 @@
|
||||
/// ------------------------------------
|
||||
/// Option A: Include all of Bootstrap
|
||||
/// ------------------------------------
|
||||
//@import "../node_modules/bootstrap/scss/bootstrap";
|
||||
div.panier {
|
||||
margin-top: 1em;
|
||||
.intro {
|
||||
}
|
||||
.resume {
|
||||
}
|
||||
}
|
||||
|
||||
/// ------------------------------------
|
||||
/// Option B: Include parts of Bootstrap
|
||||
/// ------------------------------------
|
||||
div.coucou {
|
||||
padding: 2em;
|
||||
background-color: #b1d9d9;
|
||||
|
||||
@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";
|
||||
span {
|
||||
padding: 1em;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user