diff --git a/app/package.json b/app/package.json index 297c3ac..3cb268a 100644 --- a/app/package.json +++ b/app/package.json @@ -2,7 +2,7 @@ "name": "bimbam", "version": "0.0.1", "author": "Champs-Libres", - "description": "", + "description": "boum", "dependencies": { "@popperjs/core": "^2.11.6", "bootstrap": "^5.2.2" diff --git a/app/scss/custom.scss b/app/scss/_custom.scss similarity index 99% rename from app/scss/custom.scss rename to app/scss/_custom.scss index ece0138..5bff98a 100644 --- a/app/scss/custom.scss +++ b/app/scss/_custom.scss @@ -1,3 +1,4 @@ + div.coucou { margin: 1em; padding: 2em; diff --git a/app/scss/_variables.scss b/app/scss/_variables.scss new file mode 100644 index 0000000..7ac4c8e --- /dev/null +++ b/app/scss/_variables.scss @@ -0,0 +1,2 @@ +$primary: pink; +$enable-shadows: true; diff --git a/app/scss/styles.scss b/app/scss/styles.scss new file mode 100644 index 0000000..a5659c6 --- /dev/null +++ b/app/scss/styles.scss @@ -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"; diff --git a/app/src/index.html b/app/src/index.html index 08f0ba9..af331c9 100644 --- a/app/src/index.html +++ b/app/src/index.html @@ -3,12 +3,12 @@ - + -
diff --git a/app/src/index.js b/app/src/index.js index b947498..ee8c011 100644 --- a/app/src/index.js +++ b/app/src/index.js @@ -1,3 +1,5 @@ +//require('bootstrap/scss/bootstrap.scss'); + // Import all plugins import * as bootstrap from 'bootstrap';