Merge pull request #2650 from ulferts/feature/nicer_simple_filters

simplify styling of simple filters + they look nicer
pull/2613/head
Florian Kraft 10 years ago
commit f7e1a041c6
  1. 25
      app/assets/stylesheets/content/_simple_filters.sass

@ -1,12 +1,13 @@
.simple-filters--container
border: 1px solid $advanced-filters--border-color
padding: 10px
border: 1px solid $advanced-filters--border-color
padding: 1rem
margin: 0 1.2em 1rem 0.6em
.simple-filters--filters
@extend .advanced-filters--filters
@include grid-block
@include grid-layout(1)
justify-content: space-between
@include breakpoint(large)
@include grid-layout(2)
@ -17,10 +18,12 @@
// 0. The elements will in sum take up more than 100% and thus the second
// element will move to the next row.
.simple-filters--filter,
padding: 0
@include breakpoint(large)
flex-basis: 47%
flex-basis: 49%
.simple-filters--filters.-columns-3
justify-content: space-between
@include breakpoint(large)
@include grid-layout(3)
@ -30,18 +33,6 @@
// 0. The elements will in sum take up more than 100% and thus the second
// element will move to the next row.
.simple-filters--filter,
padding: 0
@include breakpoint(large)
flex-basis: 30%
@mixin simple-filters--sizing()
@include grid-content
.simple-filters--filter
@include simple-filters--sizing
flex-basis: 48%
.simple-filters--filter-value
margin-right: 1rem
.simple-filters--controls
margin: 0 1rem
flex-basis: 32%

Loading…
Cancel
Save