Mate a vue y le dare con html plano

resources/sass/_variables.scss

@@ -1,19 +0,0 @@
-// Body
-$body-bg: #f8fafc;
-
-// Typography
-$font-family-sans-serif: 'Nunito', sans-serif;
-$font-size-base: 0.9rem;
-$line-height-base: 1.6;
-
-// Colors
-$blue: #3490dc;
-$indigo: #6574cd;
-$purple: #9561e2;
-$pink: #f66d9b;
-$red: #e3342f;
-$orange: #f6993f;
-$yellow: #ffed4a;
-$green: #38c172;
-$teal: #4dc0b5;
-$cyan: #6cb2eb;

resources/sass/app.scss

@@ -1,8 +1,52 @@
-// Fonts
-@import url('https://fonts.googleapis.com/css?family=Nunito');
+@import 'skeleton-scss/scss/skeleton.scss';
 
-// Variables
-@import 'variables';
+/**
+* Ryuuji 
+*/
+
+$colorfg: #212121;
+$color01: #0fa0ce;
+
+body {
+    color: $colorfg;
+}
+
+nav {
+    display: block;
+    width: 100%;
+    height: 4rem;
+    border-top: 1px solid #fafafa;
+    border-bottom: 1px solid #fafafa;
+    margin-bottom: 2em;
+
+    .container {
+        width: 100%;
+
+        ul {
+            list-style: none;
+            margin-bottom: 0;
+
+            li {
+                position: relative;
+                float: left;
+                margin-bottom: 0;
+
+                a {
+                    display: inline-block;
+                    text-transform: uppercase;
+                    font-weight: bold;
+                    letter-spacing: .2rem;
+                    margin-right: 35px;
+                    text-decoration: none;
+                    line-height: 4rem;
+                    color: $colorfg;
+
+                    &:hover {
+                        color: $color01 !important; 
+                    }
+                }
+            }
+        }
+    }
+}
 
-// Bootstrap
-@import '~bootstrap/scss/bootstrap';