[S] Style for CapDownQuote

one-among-us · Aug 19, 2024 · 3b15031 · 3b15031
1 parent 0bad5af
commit 3b15031
Showing 1 changed file with 38 additions and 0 deletions.
diff --git a/src/components/CapDownQuote.vue b/src/components/CapDownQuote.vue
@@ -38,6 +38,18 @@ export default class CapDownQuote extends Vue {
         }
     }
 
+    p:nth-child(2n) {
+        span:first-child {
+            margin-left: 2rem;
+        }
+    }
+
+    p:nth-child(3n) {
+        span:first-child {
+            margin-left: 3rem;
+        }
+    }
+
     p {
         line-height: 1.2;
 
@@ -49,5 +61,31 @@ export default class CapDownQuote extends Vue {
             margin-left: 2rem;
         }
     }
+
+    @media screen and (max-width: 720px) {
+        p:nth-child(2n) {
+            span:first-child {
+                margin-left: 0;
+            }
+        }
+
+        p:nth-child(3n) {
+            span:first-child {
+                margin-left: 0;
+            }
+        }
+
+        p {
+            line-height: 1.2;
+
+            span:first-child {
+                margin-left: 0;
+            }
+
+            span {
+                margin-left: 2rem;
+            }
+        }
+    }
 }
 </style>