mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-28 21:07:16 +00:00
Styling for footer and further work for top nav
This commit is contained in:
summerscope
@@ -3,10 +3,20 @@
|
||||
|
||||
footer
|
||||
background: $dark-grey
|
||||
border-top: 1px dotted white
|
||||
@include panepadding
|
||||
.row
|
||||
&, & *
|
||||
color: white
|
||||
a, a > i
|
||||
@include csstrans
|
||||
a, a *
|
||||
color: $clr-brick-light-bright
|
||||
&:hover, &:active, &:focus
|
||||
color: $clr-brick-bright
|
||||
@include textsoftpress
|
||||
small
|
||||
font-size: 0.75rem
|
||||
span.email
|
||||
direction: rtl
|
||||
unicode-bidi: bidi-override
|
||||
|
||||
@@ -14,4 +14,7 @@
|
||||
h2
|
||||
font-size: 1.6875rem
|
||||
a
|
||||
color: $clr-brick-bright
|
||||
color: $clr-brick-bright
|
||||
&:hover, &:active, &:focus
|
||||
color: $clr-brick-light-bright
|
||||
@include textsoftpress
|
||||
@@ -4,6 +4,9 @@
|
||||
.inner-wrap
|
||||
padding-top: 45px
|
||||
|
||||
.top-bar
|
||||
@include box-shadow(0 2px 3px 0 rgba(0,0,0,0.25))
|
||||
|
||||
nav
|
||||
@include textpress
|
||||
.top-bar-section ul li > a
|
||||
|
||||
@@ -67,9 +67,18 @@
|
||||
transition: all 100ms ease-in-out
|
||||
-webkit-transform-style: preserve-3d
|
||||
|
||||
@mixin box-shadow($box-shadow)
|
||||
-moz-box-shadow: $box-shadow
|
||||
-webkit-box-shadow: $box-shadow
|
||||
box-shadow: $box-shadow
|
||||
|
||||
@mixin avenir
|
||||
font-family: "AvenirBla_IE", "AvenirBla"
|
||||
|
||||
@mixin textpress
|
||||
text-shadow: 0 -1px 1px #111111, 0 1px 2px #222222
|
||||
|
||||
@mixin textsoftpress
|
||||
text-shadow: 0 0 3px rgba(0,0,0,0.35)
|
||||
|
||||
|
||||
|
||||
@@ -16,9 +16,9 @@
|
||||
font-family: 'AvenirMed'
|
||||
src: url("/AvenirLTStd-Medium.otf") format("opentype")
|
||||
|
||||
//body
|
||||
//font-family: "AvenirBla_IE", "AvenirBla"
|
||||
|
||||
body
|
||||
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif
|
||||
|
||||
a
|
||||
color: $clr-brick
|
||||
&:hover
|
||||
@@ -32,6 +32,19 @@ h1, h2, h3, h4, h5, h6, .avenir
|
||||
@include avenir
|
||||
padding: 0px
|
||||
|
||||
ul.ofn-list
|
||||
margin-left: 0.5em
|
||||
li
|
||||
list-style: none
|
||||
li:before
|
||||
content: "\f112"
|
||||
font-family: "foundation-icons"
|
||||
display: inline-block
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
font-variant: normal
|
||||
text-transform: none
|
||||
font-size: 80%
|
||||
|
||||
.light-grey
|
||||
color: #666666
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
|
||||
.neutral-btn
|
||||
@include button
|
||||
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif
|
||||
background-color: transparent
|
||||
border: 2px solid rgba(200, 200, 200, 1)
|
||||
color: #999
|
||||
|
||||
@@ -1,7 +1,12 @@
|
||||
%footer
|
||||
.row.landing-page-row
|
||||
.small-5.columns.text-left
|
||||
%h3 Follow us
|
||||
.small-4.columns.text-left
|
||||
%h4 Email us
|
||||
%p
|
||||
%a{href: "hello@openfoodnetwork.org".reverse, target: '_blank', mailto: true}
|
||||
%span.email
|
||||
= "hello@openfoodnetwork.org".reverse
|
||||
%h4 Follow us
|
||||
%p
|
||||
%a{title:'Follow us on Facebook', href: 'https://www.facebook.com/OpenFoodNet', target: '_blank'}
|
||||
%i.fi-social-facebook
|
||||
@@ -11,17 +16,36 @@
|
||||
Twitter
|
||||
%a{title:'Join our group on LinkedIn', href: 'http://www.linkedin.com/groups/Open-Food-Foundation-4743336', target: '_blank'}
|
||||
%i.fi-social-linkedin
|
||||
LinkedIn
|
||||
%p
|
||||
%a{href: "hello@openfoodnetwork.org".reverse, target: '_blank', mailto: true}
|
||||
%span.email
|
||||
= "hello@openfoodnetwork.org".reverse
|
||||
.small-2.columns
|
||||
.small-5.columns.text-right
|
||||
%h3 About us
|
||||
LinkedIn
|
||||
.small-4.columns.text-left
|
||||
%h4 Getting around
|
||||
%ul.ofn-list
|
||||
%li
|
||||
%a{href: ""} Shop
|
||||
%li
|
||||
%a{href: ""} Map
|
||||
%li
|
||||
%a{href: ""} Producers
|
||||
%li
|
||||
%a{href: ""} Groups
|
||||
.small-4.columns.text-left
|
||||
%h4 About us
|
||||
%p OFN is a network of independent online food stores that connect farmers and food hubs with individuals and local businesses. It gives farmers and food hubs an easier and fairer way to distribute their food.
|
||||
.row.landing-page-row
|
||||
.small-12.columns.text-center
|
||||
%p
|
||||
%p © Copyright 2014 Open Food Foundation
|
||||
%small Content | Terms of Service | Code - Opensource on Github | Creative Commons / IP | OFN.org
|
||||
%p
|
||||
%hr
|
||||
%h5
|
||||
%a{title: 'Open Food Network', href:'http://www.openfoodnetwork.org', target: '_blank' } openfoodnetwork.org
|
||||
%br
|
||||
%p
|
||||
© Copyright 2014 Open Food Foundation
|
||||
%small
|
||||
%a{href:'' } Terms & conditions
|
||||
|
|
||||
%a{href:'' } Creative Commons
|
||||
|
|
||||
%a{href:'' } Github
|
||||
|
|
||||
%a{href:'' } Developers
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
%li.divider
|
||||
%li.current_hub{"ng-controller" => "CurrentHubCtrl", "ng-show" => "CurrentHub.id"}
|
||||
%a{href: main_app.shop_path}
|
||||
%em Shopping at:
|
||||
%em Shopping @
|
||||
%span.nav-primary.nav-branded {{ CurrentHub.name }}
|
||||
%li.divider
|
||||
%li.cart
|
||||
|
||||
Reference in New Issue
Block a user