project setup done.
This commit is contained in:
83
src/_bootstrap.scss
Normal file
83
src/_bootstrap.scss
Normal file
@@ -0,0 +1,83 @@
|
||||
//---------------------------------------------
|
||||
//
|
||||
// Partially loading Bootstrap's components
|
||||
//
|
||||
// 1. Functions
|
||||
// 2. Variables
|
||||
// 3. Mixins
|
||||
// 4. Root + Reboot
|
||||
// 5. Type
|
||||
// 6. Components
|
||||
// 7. Helpers & Mixins for Breakpoints + Print
|
||||
//
|
||||
//---------------------------------------------
|
||||
|
||||
//---------------------------------------------
|
||||
// 1. Functions
|
||||
//---------------------------------------------
|
||||
|
||||
@import "~bootstrap/scss/functions";
|
||||
|
||||
//---------------------------------------------
|
||||
// 2. Variables
|
||||
//---------------------------------------------
|
||||
|
||||
@import "~bootstrap/scss/variables";
|
||||
|
||||
//---------------------------------------------
|
||||
// 3. Mixins
|
||||
//---------------------------------------------
|
||||
|
||||
@import "~bootstrap/scss/mixins";
|
||||
@import "~bootstrap/scss/utilities";
|
||||
|
||||
//---------------------------------------------
|
||||
// 4. Root + Reboot
|
||||
//---------------------------------------------
|
||||
|
||||
@import "~bootstrap/scss/root";
|
||||
@import "~bootstrap/scss/reboot";
|
||||
|
||||
//---------------------------------------------
|
||||
// 5. Type
|
||||
//---------------------------------------------
|
||||
|
||||
@import "~bootstrap/scss/type";
|
||||
|
||||
//---------------------------------------------
|
||||
// 6. Components
|
||||
//---------------------------------------------
|
||||
|
||||
@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";
|
||||
@import "~bootstrap/scss/card";
|
||||
@import "~bootstrap/scss/accordion";
|
||||
@import "~bootstrap/scss/breadcrumb";
|
||||
@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";
|
||||
@import "~bootstrap/scss/tooltip";
|
||||
@import "~bootstrap/scss/popover";
|
||||
@import "~bootstrap/scss/carousel";
|
||||
@import "~bootstrap/scss/spinners";
|
||||
|
||||
//---------------------------------------------
|
||||
// 7. Helpers & Mixins for Breakpoints + Print
|
||||
//---------------------------------------------
|
||||
|
||||
@import "~bootstrap/scss/helpers";
|
||||
@import "~bootstrap/scss/utilities/api";
|
||||
53
src/_variables.scss
Normal file
53
src/_variables.scss
Normal file
@@ -0,0 +1,53 @@
|
||||
//---------------------------------------------
|
||||
//
|
||||
// Variables
|
||||
//
|
||||
// 1. Bootstrap Fonts
|
||||
// 2. Bootstrap Globals
|
||||
// 3. Bootstrap Colors
|
||||
// 4. Bootstrap Container Width
|
||||
//
|
||||
//---------------------------------------------
|
||||
|
||||
//---------------------------------------------
|
||||
// 1. Bootstrap Fonts
|
||||
//---------------------------------------------
|
||||
|
||||
$font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
||||
"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
|
||||
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
|
||||
//---------------------------------------------
|
||||
// 2. Bootstrap Globals
|
||||
//---------------------------------------------
|
||||
|
||||
$enable-rounded: true;
|
||||
$enable-shadows: false;
|
||||
$enable-gradients: false;
|
||||
|
||||
//---------------------------------------------
|
||||
// 3. Bootstrap Colors
|
||||
//---------------------------------------------
|
||||
|
||||
$body-color: #212121; // The default text color
|
||||
|
||||
$primary: #303f9f;
|
||||
$secondary: #6c757d;
|
||||
$success: #198754;
|
||||
$info: #0dcaf0;
|
||||
$warning: #ffc107;
|
||||
$danger: #dc3545;
|
||||
$light: #f8f9fa;
|
||||
$dark: #212529;
|
||||
|
||||
//---------------------------------------------
|
||||
// 4. Bootstrap Container Width
|
||||
//---------------------------------------------
|
||||
|
||||
$container-max-widths: (
|
||||
sm: 540px,
|
||||
md: 720px,
|
||||
lg: 960px,
|
||||
xl: 1140px,
|
||||
xxl: 1320px,
|
||||
);
|
||||
5
src/index.js
Normal file
5
src/index.js
Normal file
@@ -0,0 +1,5 @@
|
||||
import { bootstrap } from "bootstrap";
|
||||
import { popper } from "@popperjs/core";
|
||||
import "./index.scss";
|
||||
|
||||
console.log("Hello World!");
|
||||
3
src/index.scss
Normal file
3
src/index.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
@import "variables";
|
||||
@import "bootstrap";
|
||||
//@import "fonts";
|
||||
Reference in New Issue
Block a user