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