fix: rename page stylesheets

2024-11-12 14:12:43 +01:00
parent 9e46d79ba7
commit d3a82f6cf5
11 changed files with 0 additions and 0 deletions
--- a/apps/website/src/style/pages/terms.scss
+++ b/apps/website/src/style/pages/terms.scss
@@ -0,0 +1,86 @@
+.terms {
+    // Categories
+    &__categories {
+        .container {
+            display: block;
+            padding-bottom: clamp(48px, 12vw, 80px);
+
+            @include bp (sm) {
+                display: grid;
+                padding-bottom: clamp(80px, 10vw, 144px);
+            }
+        }
+
+        // Footer
+        footer {
+            margin-top: 40px;
+            color: $color-lilas-bright;
+
+            @include bp (sm) {
+                grid-column: 12 / -3;
+                margin-top: 64px;
+            }
+        }
+    }
+
+    // Section
+    &__section {
+        --columns: 16;
+        display: block;
+
+        &:not(:last-of-type) {
+            margin-bottom: 40px;
+
+            @include bp (sm) {
+                margin-bottom: clamp(40px, 5vw, 72px);
+            }
+        }
+
+        @include bp (sm) {
+            display: grid;
+            align-items: baseline;
+            grid-column: 3 / -3;
+        }
+        @include bp (sd) {
+            grid-column: 5 / -5;
+        }
+
+        h2 {
+            margin-bottom: 0.75em;
+            color: $color-secondary-light;
+            line-height: 1.1;
+
+            @include bp (sm) {
+                position: sticky;
+                top: clamp(24px, 3vw, 40px);
+                grid-column: 1 / span 4;
+                margin-bottom: 0;
+                text-align: right;
+            }
+            @include bp (sd) {
+                grid-column: 1 / span 6;
+            }
+        }
+        .text {
+            color: $color-tertiary;
+            line-height: 1.5;
+
+            @include bp (sm) {
+                grid-column: 6 / -1;
+            }
+            @include bp (sd) {
+                grid-column: 8 / -1;
+            }
+
+            & > :global(*:not(:last-child)) {
+                margin-bottom: 1em;
+            }
+            :global(strong) {
+                font-weight: 500;
+            }
+            :global(ul) {
+                margin-left: 1em;
+            }
+        }
+    }
+}