producer list view styling

This commit is contained in:
summerscope
2014-09-05 17:54:16 +10:00
parent 0b74242f49
commit 94e3946d52

View File

@@ -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