既存のファイル化されているフロントコードを全てassetsに移動し、mixビルドの準備

resources/assets/sass/_variables.scss

@@ -1,38 +0,0 @@
-
-// Body
-$body-bg: #f5f8fa;
-
-// Borders
-$laravel-border-color: darken($body-bg, 10%);
-$list-group-border: $laravel-border-color;
-$navbar-default-border: $laravel-border-color;
-$panel-default-border: $laravel-border-color;
-$panel-inner-border: $laravel-border-color;
-
-// Brands
-$brand-primary: #3097D1;
-$brand-info: #8eb4cb;
-$brand-success: #2ab27b;
-$brand-warning: #cbb956;
-$brand-danger: #bf5329;
-
-// Typography
-$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
-$font-family-sans-serif: "Raleway", sans-serif;
-$font-size-base: 14px;
-$line-height-base: 1.6;
-$text-color: #636b6f;
-
-// Navbar
-$navbar-default-bg: #fff;
-
-// Buttons
-$btn-default-color: $text-color;
-
-// Inputs
-$input-border: lighten($text-color, 40%);
-$input-border-focus: lighten($brand-primary, 25%);
-$input-color-placeholder: lighten($text-color, 30%);
-
-// Panels
-$panel-default-heading-bg: #fff;

resources/assets/sass/app.scss

@@ -1,9 +1,8 @@
-
-// Fonts
-@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");
-
-// Variables
-@import "variables";
-
 // Bootstrap
-@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
+@import "~bootstrap/scss/bootstrap";
+
+// Open Iconic
+@import "~open-iconic/font/css/open-iconic-bootstrap";
+
+// Legacy app styles
+@import "tissue.css";

resources/assets/sass/tissue.css

@@ -0,0 +1,99 @@
+@charset "UTF-8";
+
+.tis-footer {
+    color: #a2a2a2;
+    font-size: small;
+    border-top: 1px solid #eee;
+    background: linear-gradient(to bottom, #f8f9fa, #fff)
+}
+
+.tis-word-wrap {
+    word-wrap: break-word;
+}
+
+.tis-contribution-graph {
+    overflow-x: auto;
+}
+
+.tis-need-agecheck .container {
+    filter: blur(45px);
+    pointer-events: none;
+}
+
+.container {
+    transition: filter .15s linear;
+}
+
+.list-group-item.no-side-border {
+    border-left: none;
+    border-right: none;
+    border-radius: 0;
+}
+
+.list-group-item.border-bottom-only:first-child {
+    border-top: none;
+}
+
+.list-group-item.border-bottom-only {
+    border-left: none;
+    border-right: none;
+    border-radius: 0;
+}
+
+.list-group-item.border-bottom-only:first-child {
+    border-top: none;
+}
+
+.timeline-action-item {
+    margin-left: 16px;
+}
+
+.tis-global-count-graph {
+    height: 90px;
+    border-bottom: 1px solid rgba(0, 0, 0, .125);
+}
+
+.tis-page-selector {
+    margin-left: -1px;
+    width: calc(100% + 2px);
+    height: 100%;
+    border: 1px solid #dee2e6;
+    border-radius: 0;
+    line-height: 1.25;
+}
+
+@media (min-width: 992px) {
+    .tis-sidebar-info {
+        font-size: small;
+    }
+}
+
+#navbarNav > .d-lg-none > .row > div:first-of-type {
+    padding-left: 15px;
+    padding-right: 7.5px;
+}
+
+#navbarNav > .d-lg-none > .row > div {
+    padding-left: 7.5px;
+    padding-right: 15px;
+}
+
+#navbarNav > .d-lg-none > .row > .col .btn {
+    width: 100%;
+}
+
+#navbarAccountDropdownSp {
+    max-width: calc(100vw - 5em);
+}
+
+.card-img-left {
+    width: 100%;
+    border-top-left-radius: calc(.25rem - 1px);
+    border-bottom-left-radius: calc(.25rem - 1px);
+}
+
+.card-img-right {
+    width: 100%;
+    border-top-right-radius: calc(.25rem - 1px);
+    border-bottom-right-radius: calc(.25rem - 1px);
+}