mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-12 23:27:48 +00:00
83 lines
2.2 KiB
Sass
83 lines
2.2 KiB
Sass
@import branding
|
|
@import mixins
|
|
|
|
.hubs
|
|
.active_table .active_table_node
|
|
|
|
//Inactive row
|
|
&.inactive, &.inactive strong
|
|
color: $disabled-dark
|
|
&.closed
|
|
&:hover, &:active, &:focus
|
|
border: 1px solid $disabled-dark
|
|
color: $disabled-dark
|
|
&.open
|
|
.active_table_row:first-child
|
|
color: $dark-grey
|
|
border-top: 1px solid $disabled-dark
|
|
border-left: 1px solid $disabled-dark
|
|
border-right: 1px solid $disabled-dark
|
|
strong
|
|
color: $dark-grey
|
|
&:hover, &:active, &:focus
|
|
color: $dark-grey
|
|
strong
|
|
color: $dark-grey
|
|
.active_table_row:nth-child(2)
|
|
border-left: 1px solid $disabled-dark
|
|
border-right: 1px solid $disabled-dark
|
|
border-bottom: 1px solid $disabled-dark
|
|
|
|
//Closed row
|
|
&.closed
|
|
&:hover, &:active, &:focus
|
|
border: 1px solid $clr-brick
|
|
color: $clr-brick
|
|
|
|
//Open row
|
|
&.open
|
|
.fat-taxons
|
|
@include csstrans
|
|
margin-right: 0.5rem
|
|
text-transform: uppercase
|
|
font-size: 1rem
|
|
line-height: 1
|
|
color: $dark-grey
|
|
// border: 1px solid $disabled-bright
|
|
display: inline-block
|
|
padding: 0.2rem 0.5rem 0.35rem 0.35rem
|
|
|
|
object.taxon
|
|
height: 20px
|
|
// &:hover, &.hover, &:active
|
|
// background: rgba(255,255,255,0.5)
|
|
|
|
.active_table_row:first-child
|
|
border-top: 1px solid $clr-brick
|
|
border-left: 1px solid $clr-brick
|
|
border-right: 1px solid $clr-brick
|
|
&:hover, &:active, &:focus
|
|
color: $clr-brick
|
|
strong
|
|
color: $clr-brick
|
|
.active_table_row:nth-child(2)
|
|
border-left: 1px solid $clr-brick
|
|
border-right: 1px solid $clr-brick
|
|
border-bottom: 1px solid $clr-brick
|
|
.active_table_row.link
|
|
background-color: $clr-brick
|
|
&:hover
|
|
background-color: $clr-brick-bright
|
|
|
|
//Current selected row
|
|
&.current
|
|
&.closed
|
|
&, & *
|
|
color: $clr-brick
|
|
&.open
|
|
.active_table_row:first-child
|
|
&, & *
|
|
color: $clr-brick
|
|
|
|
|