Files
openfoodnetwork/app/assets/stylesheets/darkswarm/groups.css.sass
summerscope 90ba1d2198 Updating the groups header to behave better with a square thumbnail logo image.
Intention is for a square image constrained by PaperClip as per enterprise logos (later down the track)
2015-02-06 17:15:40 +11:00

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