raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-02 21:57:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

WIP on How does it work pane on homepage

Browse Source
This commit is contained in:
summerscope
2015-05-02 13:58:57 +10:00
parent 5198d52f0d
commit 0086066ea5
2 changed files with 28 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
app/assets/stylesheets/darkswarm/home_panes.css.sass
View File

@@ -15,6 +15,7 @@
#cta.pane
background-image: url("/assets/tile-wide.png")
background-position: center center
#brand-story.pane
.row
@@ -29,22 +30,35 @@
#system.pane
.home-icon-box
border: 2px solid lighten($ofn-grey, 24%)
background-color: white
width: 100%
padding: 2rem 0
background-image: url("/assets/ofn-o.png")
background-position: center center
background-repeat: no-repeat
background-size: auto 100%
padding: 3rem 0
text-align: center
margin-top: 2rem
@media all and (min-width: 642px)
margin-top: 0
i
font-size: 5rem
font-size: 4rem
color: $clr-brick
@media all and (min-width: 1024px)
font-size: 7rem
.home-icon-box-bottom
background-color: lighten($ofn-grey, 38%)
margin-top: 1rem
width: 100%
padding: 1rem
padding-left: 1rem
padding-right: 1rem
@media all and (min-width: 480px)
padding-left: 3rem
padding-right: 3rem
@media all and (min-width: 642px)
padding-left: 1rem
padding-right: 1rem
h5
color: darken($ofn-grey, 10%)
border-bottom: 2px solid lighten($ofn-grey, 34%)
text-align: center
padding-bottom: 0.25rem

6
app/views/home/_system.html.haml
View File

@@ -8,16 +8,16 @@
%i.ofn-i_020-search
.home-icon-box-bottom
%h5 1. Search
%p Blurb on how to find your shop. Vestibulum odio elit, scelerisque nec vehicula sit amet, ullamcorper nec eros. Phasellus auctor gravida ligula laoreet cursus.
%p Blurb on how to find your shop. You can only shop at 1 place at a time (like on high street!) Vestibulum odio elit, scelerisque nec vehicula sit amet, eros.
.small-12.medium-4.columns.text-left
.home-icon-box
%i.ofn-i_027-shopping-cart
.home-icon-box-bottom
%h5 2. Shop
%p Blurb on shopping. Vestibulum odio elit, nec vehicula sit amet, vehicula nec eros. Phasellus auctor gravida ligula laoreet odio cursus.
%p Blurb on shopping. Vestibulum odio elit, nec vehicula sit amet, vehicula nec eros. Phasellus auctor vehicula odio gravida ligula laoreet odio cursus.
.small-12.medium-4.columns.text-left
.home-icon-box
%i.ofn-i_039-delivery
.home-icon-box-bottom
%h5 3. Pick-up / Delivery
%p Blurb on getting your food. Vestibulum odio elit, scelerisque nec vehicula sit amet, ullamcorper vehicula nec eros. Phasellus auctor gravida ligula odio cursus.
%p Blurb on getting your food. Some places deliver, while others only have pick up options available. Vestibulum odio elit, scelerisque nec vehicula sit.