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

Extract styles for distributor header

Browse Source 
These styles are used in shop, cart, checkout, order confirmation. Not just shop.
This commit is contained in:
Matt-Yorkley
2020-03-25 11:22:47 +01:00
parent 91e88bd028
commit 81537d92cf
2 changed files with 43 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,47 +1,5 @@
@import "typography";
.darkswarm navigation {
display: block;
background: $white;
distributor.details {
box-sizing: border-box;
display: block;
min-height: 150px;
padding: 30px 0 20px 0;
position: relative;
select {
width: 200px;
}
img {
display: block;
height: 100px;
width: 100px;
margin-right: 12px;
}
location {
@include headingFont;
}
@media all and (max-width: 768px) {
location, location + small {
display: block;
}
}
#distributor_title h3 {
margin-top: 0;
padding-top: 0.45em;
@media all and (max-width: 768px) {
margin-bottom: 8px;
}
}
}
}
ordercycle {
float: right;
background: $teal-400;

43
app/assets/stylesheets/darkswarm/distributor_header.css.scss Normal file
View File

@@ -0,0 +1,43 @@
@import "typography";
.darkswarm navigation {
display: block;
background: $white;
distributor.details {
box-sizing: border-box;
display: block;
min-height: 150px;
padding: 30px 0 20px 0;
position: relative;
select {
width: 200px;
}
img {
display: block;
height: 100px;
width: 100px;
margin-right: 12px;
}
location {
@include headingFont;
}
@media all and (max-width: 768px) {
location, location + small {
display: block;
}
}
#distributor_title h3 {
margin-top: 0;
padding-top: 0.45em;
@media all and (max-width: 768px) {
margin-bottom: 8px;
}
}
}
}