Grid system layout for filter buttons for all sizes and breakpoints

This commit is contained in:
summerscope
2014-07-11 13:10:22 +10:00
parent 068e3cce1c
commit 23182a9026
3 changed files with 6 additions and 5 deletions

View File

@@ -7,14 +7,14 @@
%h5.tdhead
.light Filter by
Type
%ul.small-block-grid-2.large-block-grid-5
%ul.small-block-grid-2.medium-block-grid-4.large-block-grid-5
%taxon-selector{objects: "hubs | hubs:query",
results: "activeTaxons"}
.small-12.large-3.columns
%h5.tdhead
.light Filter by
Delivery
%ul.small-block-grid-2.large-block-grid-1
%ul.small-block-grid-2.medium-block-grid-4.large-block-grid-2
%shipping-type-selector{results: "shippingTypes"}
.row.filter-box.animate-show{"ng-show" => "filtersActive && totalActive() > 0"}
.small-12.columns

View File

@@ -7,7 +7,7 @@
%h5.tdhead
.light Filter by
Type
%ul.small-block-grid-2.large-block-grid-5
%ul.small-block-grid-2.medium-block-grid-4.large-block-grid-6
%taxon-selector{objects: "Producers.visible | filterProducers:query",
results: "activeTaxons"}

View File

@@ -7,8 +7,9 @@
%h5.tdhead
.light Filter by
Type
%taxon-selector{objects: "Product.products | products:query",
results: "activeTaxons"}
%ul.small-block-grid-2.medium-block-grid-3.large-block-grid-4
%taxon-selector{objects: "Product.products | products:query",
results: "activeTaxons"}
.row.filter-box.animate-show{"ng-show" => "filtersActive && totalActive() > 0"}
.small-12.columns