mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-03-11 03:40:20 +00:00
90ba1d2198
Intention is for a square image constrained by PaperClip as per enterprise logos (later down the track)
79 lines
1.8 KiB
Sass
79 lines
1.8 KiB
Sass
@import branding
|
|
@import mixins
|
|
|
|
// Search page
|
|
#groups
|
|
background-color: $clr-brick-light
|
|
background-image: url("/assets/groups.svg")
|
|
background-position: center 15px
|
|
background-repeat: no-repeat
|
|
padding-bottom: 20px
|
|
|
|
.group
|
|
padding-bottom: 0.5em
|
|
.row div
|
|
font-size: 110%
|
|
.row a
|
|
font-weight: 500
|
|
vertical-align: middle
|
|
.ofn-i_035-groups
|
|
font-size: 120%
|
|
vertical-align: middle
|
|
|
|
// Individual Page
|
|
#group-page
|
|
.group-logo, .group-header
|
|
text-align: center
|
|
.group-logo
|
|
padding-bottom: 1em
|
|
max-height: 200px
|
|
.group-name
|
|
border-bottom: 1px solid #ccc
|
|
@media screen and (min-width: 768px)
|
|
.group-logo, .group-header
|
|
text-align: left
|
|
.group-logo
|
|
max-height: 120px
|
|
float: left
|
|
padding-right: 1em
|
|
background-color: white
|
|
|
|
// Tabs
|
|
.tabs dd a // Mobile first
|
|
padding: 0.35rem 0.5rem
|
|
font-size: 0.75rem
|
|
border: none
|
|
margin-bottom: -2px
|
|
margin-right: 2px
|
|
@media screen and (min-width: 768px)
|
|
.tabs dd a
|
|
padding: 0.45rem 0.75rem
|
|
font-size: 0.875rem
|
|
@media screen and (min-width: 1024px)
|
|
.tabs dd a
|
|
padding: 1rem 2rem
|
|
font-size: 1rem
|
|
.tabs dd.active a
|
|
margin-bottom: -1px
|
|
border-top: 1px solid $light-grey
|
|
border-left: 1px solid $light-grey
|
|
border-right: 1px solid $light-grey
|
|
border-bottom: 1px solid white
|
|
.tabs-content
|
|
border-top: 1px solid $light-grey
|
|
border-left: 1px solid $light-grey
|
|
border-right: 1px solid $light-grey
|
|
border-bottom: 1px solid $light-grey
|
|
padding: 1.5em
|
|
|
|
// Producers tab
|
|
.producers
|
|
background-image: none
|
|
.active_table .active_table_node a.is_distributor, .active_table .active_table_node a.is_distributor i.ofn-i_059-producer
|
|
color: $clr-turquoise
|
|
// Hubs tab
|
|
.hubs
|
|
background-image: none
|
|
padding-top: 0
|
|
padding-bottom: 0
|
|
|