move title styles to global file

YouHaveTrouble · Jun 20, 2023 · 6625a5b · 6625a5b
1 parent cf69b92
commit 6625a5b
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 30 deletions.
diff --git a/src/assets/main.scss b/src/assets/main.scss
@@ -82,3 +82,33 @@ body {
     filter: brightness(1.2);
   }
 }
+
+.title {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding-block: 2.5rem;
+  text-align: center;
+  width: 100%;
+  max-width: 45rem;
+  gap: 0.5rem;
+
+  h1 {
+    font-size: 4rem;
+    line-height: 0.75;
+    white-space: pre-wrap;
+    margin: 0;
+  }
+
+  h3 {
+    margin: 0;
+    line-height: 0.9;
+  }
+
+  small {
+    font-size: 0.9rem;
+    font-weight: bold;
+    line-height: 0.25;
+  }
+}
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -80,36 +80,6 @@ main {
   }
 }
 
-.title {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding-block: 2.5rem;
-  text-align: center;
-  width: 100%;
-  max-width: 45rem;
-  gap: 0.5rem;
-
-  h1 {
-    font-size: 4rem;
-    line-height: 0.75;
-    white-space: pre-wrap;
-    margin: 0;
-  }
-
-  h3 {
-    margin: 0;
-    line-height: 0.9;
-  }
-
-  small {
-    font-size: 0.9rem;
-    font-weight: bold;
-    line-height: 0.25;
-  }
-}
-
 .coffer {
   text-align: center;