Add bootstrap styles.

Author: yildirayunlu

package-lock.json

@@ -24,6 +24,7 @@
     "@zeit/next-css": "^1.0.1",
     "@zeit/next-sass": "^1.0.1",
     "autoprefixer": "^9.6.1",
+    "bootstrap": "^4.4.1",
     "cross-env": "^5.2.1",
     "dotenv": "^8.1.0",
     "eslint-config-airbnb": "^18.0.1",

package.json

@@ -12,7 +12,7 @@ import { appWithTranslation } from "@Server/i18n";
 import { AppWithStore } from "@Interfaces";
 import { makeStore } from "@Redux";
 
-import "@Static/css/reset.scss";
+import "@Static/css/main.scss";
 // #endregion Local Imports
 
 class WebApp extends App<AppWithStore> {

pages/_app/index.tsx

@@ -0,0 +1,44 @@
+// Configuration
+
+@import "~bootstrap/scss/functions";
+@import "~bootstrap/scss/variables";
+@import "~bootstrap/scss/mixins";
+@import "~bootstrap/scss/vendor/rfs";
+
+// Layout & Components
+
+@import "~bootstrap/scss/root";
+@import "~bootstrap/scss/reboot";
+@import "~bootstrap/scss/type";
+// @import "~bootstrap/scss/images";
+// @import "~bootstrap/scss/code";
+@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/input-group";
+// @import "~bootstrap/scss/custom-forms";
+// @import "~bootstrap/scss/nav";
+// @import "~bootstrap/scss/navbar";
+// @import "~bootstrap/scss/card";
+// @import "~bootstrap/scss/breadcrumb";
+// @import "~bootstrap/scss/pagination";
+// @import "~bootstrap/scss/badge";
+// @import "~bootstrap/scss/jumbotron";
+// @import "~bootstrap/scss/alert";
+// @import "~bootstrap/scss/progress";
+// @import "~bootstrap/scss/media";
+// @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";
+
+@import "~bootstrap/scss/utilities";
+// @import "~bootstrap/scss/print";

static/css/bootstrap/_bootstrap.scss

@@ -0,0 +1,2 @@
+@import "./variables";
+@import "./bootstrap";

static/css/bootstrap/_index.scss

@@ -0,0 +1,2 @@
+// Override bootstrap variables.
+// https://github.com/twbs/bootstrap/blob/master/scss/_variables.scss

static/css/bootstrap/_variables.scss

@@ -0,0 +1 @@
+@import "./bootstrap/index";