1
0
Fork 0

Unify secondary color

master
Emil Miler 2 years ago
parent e72ef726de
commit 59729f0273

@ -3,6 +3,7 @@
$col-white: #fff; $col-white: #fff;
$col-bg: #0b1b2e; $col-bg: #0b1b2e;
$col-accent: #845368; $col-accent: #845368;
$col-secondary: #8493A4;
$size-mobile: 950px; $size-mobile: 950px;
@ -303,7 +304,7 @@ body.noscroll {
display: block; display: block;
width: 75%; width: 75%;
height: 1px; height: 1px;
background-color: #8493A4; background-color: $col-secondary;
margin-top: 4em; margin-top: 4em;
} }
&:last-child:after { &:last-child:after {
@ -381,7 +382,7 @@ body.noscroll {
} }
} }
.meta { .meta {
color: darken(#fff, 50%); color: $col-secondary;
font-size: .85em; font-size: .85em;
} }
} }
@ -414,7 +415,7 @@ body.noscroll {
.contact { .contact {
padding: 3rem 0; padding: 3rem 0;
border-bottom: 1px solid #8493A4; border-bottom: 1px solid $col-secondary;
flex: 1; flex: 1;
&:last-child { &:last-child {
@ -441,7 +442,7 @@ body.noscroll {
content: ""; content: "";
height: 2rem; height: 2rem;
width: 2rem; width: 2rem;
border: 1px solid #8493A4; border: 1px solid $col-secondary;
border-radius: .5rem; border-radius: .5rem;
background-size: 50%; background-size: 50%;
background-position: center; background-position: center;
@ -507,7 +508,7 @@ body.noscroll {
width: 80%; width: 80%;
border-width: 1px 0 0 0; border-width: 1px 0 0 0;
border-style: solid; border-style: solid;
border-color: #8493A4; border-color: $col-secondary;
} }
&:before { top: 0 } &:before { top: 0 }
&:last-child:after { bottom: 0 } &:last-child:after { bottom: 0 }
@ -559,7 +560,7 @@ footer {
padding: $logo-radius+1 2em 2em 2em; padding: $logo-radius+1 2em 2em 2em;
margin-top: $logo-radius+6; margin-top: $logo-radius+6;
border-top: 1px solid #5d6e81; border-top: 1px solid $col-secondary;
&:before { &:before {
content: ""; content: "";
@ -569,7 +570,7 @@ footer {
transform: translatex(-$logo-radius); transform: translatex(-$logo-radius);
height: $logo-radius*2; height: $logo-radius*2;
width: $logo-radius*2; width: $logo-radius*2;
border: 1px solid #5d6e81; border: 1px solid $col-secondary;
border-radius: 50%; border-radius: 50%;
background-image: url("/static/img/pedf-logo-white.svg"); background-image: url("/static/img/pedf-logo-white.svg");
background-position: center; background-position: center;
@ -624,7 +625,7 @@ footer {
gap: 3rem; gap: 3rem;
.item { .item {
border-right: 1px solid #8493A4; border-right: 1px solid $col-secondary;
justify-content: center; justify-content: center;
padding: 0 3rem 0 0; padding: 0 3rem 0 0;
max-width: 16rem; max-width: 16rem;
@ -646,7 +647,7 @@ footer {
.contact { .contact {
padding: 0 3rem; padding: 0 3rem;
border-bottom: none; border-bottom: none;
border-right: 1px solid #8493A4; border-right: 1px solid $col-secondary;
} }
} }

Loading…
Cancel
Save