style(css): ✨ use of new CSS features (@import and nested CSS)

2025-01-06 22:45:37 +01:00 · 2025-01-06 22:45:37 +01:00 · d609265862
commit d609265862
parent 95e3fc0b00
6 changed files with 464 additions and 276 deletions
--- a/www/static/styles/age_gate.css
+++ b/www/static/styles/age_gate.css
@ -0,0 +1,42 @@
+/****************
+ * AGE GATE CSS *
+ ****************/
+
+ #age_gate_block {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 1040;
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba(0, 0, 0, 0.4);
+    backdrop-filter: blur(20px);
+
+	transition: opacity 0.8s linear;
+
+    & div {
+        background-color: var(--bg_3);
+        border-radius: 1em;
+
+        padding: 1em;
+
+        width: 12em;
+
+        margin:0 auto;
+        display: table;
+        position: absolute;
+        
+        left: 0;
+        right:0;
+        top: 50%;
+        -webkit-transform:translateY(-50%);
+        -moz-transform:translateY(-50%);
+        -ms-transform:translateY(-50%);
+        -o-transform:translateY(-50%);
+        transform:translateY(-50%);
+    }
+    
+    & p {
+	    min-height: 5em;
+    }
+}