danix
's git repository
home
/
my projects
/
theme-danix.xyz.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
added search and contact form functionality. Needs styling and check for functionality.
[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
/* Contact */
\r
\r
#contact {
\r
- border-bottom: solid 1px _palette(border);
\r
+ border-bottom: solid 1px _palette
_light
(border);
\r
overflow-x: hidden;
\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
\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
\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
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
}
\r
\r
> :nth-child(2n) {
\r
@@
-33,13
+39,16
@@
position: relative;
\r
\r
&:before {
\r
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
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
}
\r
}
\r
\r