mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-21 00:47:26 +00:00
33 lines
667 B
Sass
33 lines
667 B
Sass
@import branding
|
|
@import mixins
|
|
|
|
.top-bar
|
|
@include box-shadow(0 2px 3px 0 rgba(0,0,0,0.25))
|
|
|
|
nav
|
|
@include textpress
|
|
.top-bar-section ul li > a
|
|
font-size: 0.75rem
|
|
height: 45px
|
|
@include csstrans
|
|
opacity: 0.8
|
|
&:hover, &:focus, &:active
|
|
opacity: 1
|
|
.nav-branded
|
|
color: $clr-brick-light-bright
|
|
.nav-primary
|
|
@include avenir
|
|
font-size: 0.875rem
|
|
|
|
nav.top-bar a.icon i
|
|
font-size: 22px
|
|
|
|
// Responsive
|
|
@media screen and (min-width: 1025px)
|
|
body.off-canvas
|
|
// padding required to placehold for fixed menu bar
|
|
padding-top: 45px
|
|
@media screen and (max-width: 1025px)
|
|
section.right
|
|
.nav-branded
|
|
padding: 0 1em |