project setup done.

This commit is contained in:
2021-08-09 14:32:18 +09:00
commit aba4aa4660
17 changed files with 11543 additions and 0 deletions

83
src/_bootstrap.scss Normal file
View 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
View 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
View 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
View File

@@ -0,0 +1,3 @@
@import "variables";
@import "bootstrap";
//@import "fonts";