From 03e3ab218c3ad95b38adb313bc26e0f92855e959 Mon Sep 17 00:00:00 2001 From: Jens Ulferts Date: Mon, 2 Mar 2015 18:47:16 +0100 Subject: [PATCH] simplify styling of simple filters + they look nicer --- .../stylesheets/content/_simple_filters.sass | 25 ++++++------------- 1 file changed, 8 insertions(+), 17 deletions(-) diff --git a/app/assets/stylesheets/content/_simple_filters.sass b/app/assets/stylesheets/content/_simple_filters.sass index 54ada38cbd..4c4144e8ad 100644 --- a/app/assets/stylesheets/content/_simple_filters.sass +++ b/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%