app/assets/stylesheets/extranet/layout/_facets.sass
.facets
h2
margin-bottom: 1em
.facet
.btn-sm
background: $btn-facet-background
border: 0
color: $btn-facet-color
min-width: pxToRem(52)
padding: 2px 7px
.btn-check:checked + .btn-sm
background: $btn-facet-background-active
&--years
.form-check
display: inline-block
padding: 0
vertical-align: middle
.faceted__facets
> li
margin-bottom: 40px
b
display: block
margin-bottom: pxToRem(10)
.faceted__facet
&__checkboxes
input[type="checkbox"]
@extend .form-check-input
border-color: $primary
border-radius: 0
height: 0.65em
margin-top: 0.5em
padding: 0
width: 0.65em
&__text
display: flex
&__list
display: flex
flex-wrap: wrap
&__value
@extend .btn-sm
background: $btn-facet-background
border: 0
color: $btn-facet-color
display: inline-block
margin-bottom: 10px
margin-right: 10px
min-width: pxToRem(52)
padding: 2px 7px
&--selected
background: $btn-facet-background-active
&__reinit a
@extend .btn
@extend .btn-primary