Create scss file to replace css

2024-01-15 10:59:31 +01:00 · 2024-01-15 10:59:31 +01:00 · 67b4505240
commit 67b4505240
parent 4cc76076c7
1 changed files with 40 additions and 0 deletions
--- a/style.scss
+++ b/style.scss
@ -0,0 +1,40 @@
+body {
+    text-align: center;
+
+    h1 {
+        color: white;
+        margin-top: 0%;
+        margin-bottom: 0%;
+        font-size: 4rem;
+        -webkit-text-stroke: 2px black;
+        background-image: url(https://www.publicdomainpictures.net/pictures/230000/velka/red-fox-1500907744R2q.jpg);
+        background-size: contain;
+        height: 20vh;
+    }
+
+    .site_content {
+        display: flex;
+        flex-direction: row;
+        .main_content {
+            h2 {
+                color: red;
+            }
+        }
+        .vertical_banner {
+            color: white;
+            background-color: #9F0A0A;
+            .category {
+                display: flex;
+                flex-direction: column;
+                gap: 1vh;
+                margin: 5px;
+                margin-top: 2%;
+
+                a:visited {
+                    text-decoration: none;
+                    color: white;
+                }
+            }
+        }
+    }
+}