X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Flayout%2F_contact.scss;h=f224d4add94fb724e5b08fa69a5e7bbd733bb2b2;hb=a8d04f9eac8efe0c476b8958277595be3773fd46;hp=e9364bb6f24532419db91aa7819720fc2bd1c585;hpb=748286b530a4b000cac6b88bbcebb258056a9e77;p=theme-danix.xyz.git diff --git a/assets/sass/layout/_contact.scss b/assets/sass/layout/_contact.scss index e9364bb..f224d4a 100644 --- a/assets/sass/layout/_contact.scss +++ b/assets/sass/layout/_contact.scss @@ -7,8 +7,11 @@ /* Contact */ #contact { - border-bottom: solid 1px _palette(border); + border-bottom: solid 1px _palette_light(border); overflow-x: hidden; + @media screen and (prefers-color-scheme: dark) { + border-bottom: solid 1px _palette_dark(border); + } > .inner { @include vendor('display', 'flex'); @@ -16,8 +19,11 @@ > :nth-child(2n - 1) { @include padding(4em, 0, (0, 3em, 0, 0)); - border-right: solid 1px _palette(border); + border-right: solid 1px _palette_light(border); width: 60%; + @media screen and (prefers-color-scheme: dark) { + border-right: solid 1px _palette_dark(border); + } } > :nth-child(2n) { @@ -33,13 +39,16 @@ position: relative; &:before { - border-top: solid 1px _palette(border); + border-top: solid 1px _palette_light(border); content: ''; display: block; margin-left: -3em; position: absolute; top: 0; width: calc(100vw + 3em); + @media screen and (prefers-color-scheme: dark) { + border-top: solid 1px _palette_dark(border); + } } }