Make the horizontal stripes.

Rhosys · Apr 28, 2024 · 44b0643 · 44b0643
1 parent caf8f16
commit 44b0643
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/src/App.vue b/src/App.vue
@@ -57,5 +57,9 @@ import Home from './components/home.vue';
     color: unset;
     text-decoration: none;
   }
+
+  &:hover {
+    background-color: darken($primary, 10%);
+  }
 }
 </style>
diff --git a/src/components/homeNavbar.vue b/src/components/homeNavbar.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="margin-bottom: 4rem;">
+  <div style="margin-bottom: 59px;">
     <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark border-bottom">
       <div class="container-fluid">
         <a class="navbar-brand pointer" @click.prevent="navigateTo()">The SOC2 FYI</a>

diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -14,6 +14,17 @@ html, body {
   cursor: pointer;
 }
 
+#app {
+  background-image: repeating-linear-gradient(
+    /* 28deg, */
+    10deg,
+    map-get($theme-colors, "primary") 100px,
+    map-get($theme-colors, "primary") 1000px,
+    darken(map-get($theme-colors, "primary"), 5%) 1000px,
+    darken(map-get($theme-colors, "primary"), 5%) 1150px
+  );
+}
+
 // Overrides
 
 @include media-breakpoint-down(md) {