assets/ -> resources/assets/

resources/assets/styles/common/_variables.scss

@@ -0,0 +1,2 @@
+// Colors
+$brand-primary:         #27ae60;

resources/assets/styles/components/_comments.scss

@@ -0,0 +1,19 @@
+.comment-list {
+  @extend .list-unstyled;
+}
+.comment-list ol {
+  list-style: none;
+}
+.comment-form p {
+  @extend .form-group;
+}
+.comment-form input[type="text"],
+.comment-form input[type="email"],
+.comment-form input[type="url"],
+.comment-form textarea {
+  @extend .form-control;
+}
+.comment-form input[type="submit"] {
+  @extend .btn;
+  @extend .btn-secondary;
+}

resources/assets/styles/components/_forms.scss

@@ -0,0 +1,15 @@
+// Search form
+.search-form {
+  @extend .form-inline;
+}
+.search-form label {
+  font-weight: normal;
+  @extend .form-group;
+}
+.search-form .search-field {
+  @extend .form-control;
+}
+.search-form .search-submit {
+  @extend .btn;
+  @extend .btn-secondary;
+}

resources/assets/styles/components/_wp-classes.scss

@@ -0,0 +1,49 @@
+// WordPress Generated Classes
+// http://codex.wordpress.org/CSS#WordPress_Generated_Classes
+
+// Media alignment
+.alignnone {
+  margin-left: 0;
+  margin-right: 0;
+  max-width: 100%;
+  height: auto;
+}
+.aligncenter {
+  display: block;
+  margin: ($spacer / 2) auto;
+  height: auto;
+}
+.alignleft,
+.alignright {
+  margin-bottom: ($spacer / 2);
+  height: auto;
+}
+@include media-breakpoint-up(sm) {
+  // Only float if not on an extra small device
+  .alignleft {
+    float: left;
+    margin-right: ($spacer / 2);
+  }
+  .alignright {
+    float: right;
+    margin-left: ($spacer / 2);
+  }
+}
+
+// Captions
+.wp-caption {
+  @extend .figure;
+}
+.wp-caption img {
+  @extend .figure-img;
+  @extend .img-fluid;
+}
+.wp-caption-text {
+  @extend .figure-caption;
+}
+
+// Text meant only for screen readers
+.screen-reader-text {
+  @extend .sr-only;
+  @extend .sr-only-focusable;
+}

resources/assets/styles/layouts/_header.scss

@@ -0,0 +1,6 @@
+.banner .nav li {
+  @extend .nav-item;
+}
+.banner .nav a {
+  @extend .nav-link;
+}

resources/assets/styles/layouts/_tinymce.scss

@@ -0,0 +1,3 @@
+body#tinymce {
+  margin: 12px !important;
+}

resources/assets/styles/main.scss

@@ -0,0 +1,16 @@
+@import "common/variables";
+
+// Import npm dependencies
+@import "~bootstrap/scss/bootstrap";
+
+@import "common/global";
+@import "components/buttons";
+@import "components/comments";
+@import "components/forms";
+@import "components/wp-classes";
+@import "layouts/header";
+@import "layouts/sidebar";
+@import "layouts/footer";
+@import "layouts/pages";
+@import "layouts/posts";
+@import "layouts/tinymce";