raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-27 01:43:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update colours for different order cycle sidebar cases

Browse Source
This commit is contained in:
Matt-Yorkley
2020-03-25 13:01:24 +01:00
parent a08020490d
commit 7daba62f43
1 changed files with 28 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
app/assets/stylesheets/darkswarm/_shop-navigation.css.scss
View File

@@ -2,32 +2,13 @@
ordercycle {
float: right;
background: $teal-400;
color: $white;
background: $grey-050;
color: $grey-800;
width: 100%;
border-radius: 0.5em 0.5em 0 0;
margin-top: 1em;
padding: 1em 1em 0;
&.requires-selection {
background-color: $red-700;
.order-cycle-select {
border: 1px solid $red-500;
.select-label {
background-color: rgba($red-500, 0.5);
}
select {
background-color: $white;
background-image: url('/assets/black-caret.svg');
color: $grey-500;
font-style: italic;
}
}
}
p {
max-width: 400px;
}
@@ -119,7 +100,7 @@ ordercycle {
closing {
@include headingFont;
color: $white;
color: $grey-800;
font-size: 1.25rem;
display: block;
padding: 0 0 12px;
@@ -151,4 +132,29 @@ shop navigation ordercycle {
height: 7.6em;
position: absolute;
right: 1em;
background: $teal-400;
color: $white;
&.requires-selection {
background-color: $red-700;
.order-cycle-select {
border: 1px solid $red-500;
.select-label {
background-color: rgba($red-500, 0.5);
}
select {
background-color: $white;
background-image: url('/assets/black-caret.svg');
color: $grey-500;
font-style: italic;
}
}
}
closing {
color: $white;
}
}