added dark theme option. It ìs selected automagically based on system choiche of...

[theme-danix.xyz.git] / assets / sass / layout / _contact.scss

diff --git a/assets/sass/layout/_contact.scss b/assets/sass/layout/_contact.scss
index e9364bb..f224d4a 100644 (file)
--- a/assets/sass/layout/_contact.scss
+++ b/assets/sass/layout/_contact.scss
@@ -7,8 +7,11 @@
 /* Contact */\r
 \r
        #contact {\r
-               border-bottom: solid 1px _palette(border);\r
+               border-bottom: solid 1px _palette_light(border);\r
                overflow-x: hidden;\r
+               @media screen and (prefers-color-scheme: dark) {\r
+                       border-bottom: solid 1px _palette_dark(border);\r
+               }\r
 \r
                > .inner {\r
                        @include vendor('display', 'flex');\r
@@ -16,8 +19,11 @@
 \r
                        > :nth-child(2n - 1) {\r
                                @include padding(4em, 0, (0, 3em, 0, 0));\r
-                               border-right: solid 1px _palette(border);\r
+                               border-right: solid 1px _palette_light(border);\r
                                width: 60%;\r
+                               @media screen and (prefers-color-scheme: dark) {\r
+                                       border-right: solid 1px _palette_dark(border);\r
+                               }\r
                        }\r
 \r
                        > :nth-child(2n) {\r
@@ -33,13 +39,16 @@
                                        position: relative;\r
 \r
                                        &:before {\r
-                                               border-top: solid 1px _palette(border);\r
+                                               border-top: solid 1px _palette_light(border);\r
                                                content: '';\r
                                                display: block;\r
                                                margin-left: -3em;\r
                                                position: absolute;\r
                                                top: 0;\r
                                                width: calc(100vw + 3em);\r
+                                               @media screen and (prefers-color-scheme: dark) {\r
+                                                       border-top: solid 1px _palette_dark(border);\r
+                                               }\r
                                        }\r
                                }\r
 \r