Fix Error page styles and ListCTAs

2022-06-24 11:55:39 +02:00
parent 9913c1d7d9
commit b46df04258
4 changed files with 43 additions and 26 deletions
--- a/src/style/pages/_error.scss
+++ b/src/style/pages/_error.scss
@@ -8,7 +8,7 @@
        }

        // Heading
-        .heading {
+        :global(.heading) {
            padding: 0 24px;
            margin-bottom: 40px;

@@ -16,11 +16,22 @@
                margin-bottom: 72px;
            }

-            p {
+            :global(p) {
                @include bp (sm, max) {
                    max-width: 480px;
                }
            }
        }
    }
+}
+
+:global(.page-error) {
+    // Globe
+    :global(.globe) {
+        margin-top: 96px;
+
+        @include bp (sm) {
+            margin-top: 156px;
+        }
+    }
 }
--- a/src/style/pages/_homepage.scss
+++ b/src/style/pages/_homepage.scss
@@ -91,8 +91,8 @@

    // CTAS
    &__ctas {
-        text-align: center;
        margin-bottom: 96px;
+        text-align: center;

        @include bp (sm) {
            margin-bottom: 160px;
@@ -106,10 +106,6 @@
                margin-top: 72px;
            }
        }
-
-        li {
-            display: block;
-        }
    }

    // World title