Fixed hub title (firefox positioning problem)

MyXoToD · Aug 17, 2024 · 3385008 · 3385008
1 parent 2d643ff
commit 3385008
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 12 deletions.
diff --git a/src/assets/stylesheets/_hub.scss b/src/assets/stylesheets/_hub.scss
@@ -55,16 +55,21 @@
   }
 
   &__title {
-    writing-mode: vertical-rl;
     font-family: var(--ff-japanese);
-    font-size: 25vh;
     user-select: none;
     color: var(--c-copy);
-    // text-shadow: 0 0 10px rgba(#000, .5);
+
+    div {
+      writing-mode: vertical-rl;
+      font-size: 25vh;
+      // text-shadow: 0 0 10px rgba(#000, .5);
+    }
 
     span {
       writing-mode: horizontal-tb;
       font-size: 2.5vh;
+      text-align: center;
+      display: block;
     }
   }
 }
@@ -91,15 +96,18 @@
     }
 
     &__title {
-      writing-mode: unset;
-      font-size: clamp(2rem, 15vw, 6rem);
-      letter-spacing: -0.1em;
       color: var(--c-accent);
+
+      div {
+        writing-mode: unset;
+        font-size: clamp(2rem, 15vw, 6rem);
+        letter-spacing: -0.1em;
+      }
 
       span {
-        // display: none;
-        font-size: 2rem;
-        letter-spacing: normal;
+        display: none;
+        // font-size: 2rem;
+        // letter-spacing: normal;
       }
     }
   }