Adjust new colour variables to match Zeplin

This commit is contained in:
Matt-Yorkley
2020-02-06 19:21:38 +01:00
parent 9a6859edc0
commit a5dd14d902
3 changed files with 15 additions and 11 deletions

View File

@@ -44,7 +44,7 @@
ordercycle {
float: right;
background: $secondary-blue;
background: $teal-400;
color: $white;
width: 100%;
border-radius: 0.75em 0.75em 0 0;
@@ -87,13 +87,13 @@ ordercycle {
}
.order-cycle-select {
border: 1px solid $light-blue;
border: 1px solid $teal-300;
display: inline-block;
font-size: 1em;
border-radius: 0.5em;
.select-label {
background-color: $light-blue;
background-color: $teal-300;
display: inline-block;
border-radius: 0.5em 0 0 0.5em;
float: left;

View File

@@ -39,10 +39,14 @@ $light-grey-transparency: rgba(0, 0, 0, .1);
$black: #000;
$white: #fff;
$primary-blue: #0096ad;
$secondary-blue: #4cb5c5;
$light-blue: #78c7d3;
$primary-grey: #666;
$grey-400: #bbb;
$grey-500: #999;
$grey-700: #555;
$grey-800: #333;
$teal-300: #80d3df;
$teal-400: #4cb5c5;
$teal-500: #0096ad;
$orange-400: #ff9466;
$orange-500: #f27052;

View File

@@ -23,7 +23,7 @@
>a {
outline: none;
display: block;
color: $primary-grey;
color: $grey-500;
font-family: "Oswald", sans-serif;
}
@@ -39,7 +39,7 @@
border: none;
&:hover, &:focus, &:active {
color: $primary-blue;
color: $teal-500;
}
&, &:hover {
@@ -53,10 +53,10 @@
}
&.selected {
border-bottom: 4px solid $primary-blue;
border-bottom: 4px solid $teal-500;
a {
color: $primary-blue;
color: $teal-500;
}
}
}