mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-29 21:17:17 +00:00
producer list view styling
This commit is contained in:
@@ -11,6 +11,42 @@
|
||||
margin-bottom: 1rem
|
||||
padding-top: 1rem
|
||||
padding-bottom: 1rem
|
||||
.follow-icons
|
||||
&, & *
|
||||
font-size: 1.5rem
|
||||
|
||||
// Producer icons
|
||||
i.ofn-i_059-producer, i.ofn-i_060-producer-reversed
|
||||
font-size: 2rem
|
||||
display: inline-block
|
||||
margin-right: 0.25rem
|
||||
float: left
|
||||
color: $clr-turquoise
|
||||
|
||||
a
|
||||
&:hover, &:active, &:focus
|
||||
color: $clr-turquoise-bright
|
||||
span
|
||||
text-decoration: underline
|
||||
|
||||
a.cta-hub
|
||||
&:hover, &:focus, &:active
|
||||
&.secondary
|
||||
color: #666
|
||||
.hub-name, .button-address
|
||||
border-bottom: 1px solid #999
|
||||
&.primary
|
||||
color: $clr-brick-bright
|
||||
.hub-name, .button-address
|
||||
border-bottom: 1px solid $clr-brick-bright
|
||||
|
||||
p.word-wrap
|
||||
margin-bottom: 0
|
||||
&:last-child
|
||||
margin-bottom: 1rem
|
||||
|
||||
.fat-taxons
|
||||
background-color: $clr-turquoise-light
|
||||
|
||||
//Open row
|
||||
&.open
|
||||
@@ -18,13 +54,17 @@
|
||||
.active_table_row
|
||||
border-left: 1px solid $clr-turquoise-bright
|
||||
border-right: 1px solid $clr-turquoise-bright
|
||||
background-color: rgba(255,255,255,0.4)
|
||||
background-color: rgba(206,239,228,0.4)
|
||||
.cta-container
|
||||
background: none
|
||||
.columns img
|
||||
padding: 1rem 0
|
||||
max-height: 160px
|
||||
width: auto
|
||||
&.left
|
||||
padding: 0.25rem 1rem 0.25rem 0
|
||||
&.right
|
||||
padding: 0.25rem 0.5rem 0.25rem 2rem
|
||||
|
||||
.active_table_row:first-child
|
||||
border-top: 1px solid $clr-turquoise-bright
|
||||
@@ -37,4 +77,7 @@
|
||||
&.closed
|
||||
&:hover, &:active, &:focus
|
||||
.active_table_row.closed
|
||||
border: 1px solid $clr-turquoise
|
||||
border: 1px solid $clr-turquoise
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user