Sha256: 56c9dd7f45d7b1c6df460bed41ca10c8b5e907ed6e6d8198608405c36c258a7b

Contents?: true

Size: 689 Bytes

Versions: 17

Compression:

Stored size: 689 Bytes

Contents

// Filters 
// The number of filter options 
$filter-number: 8 !default;

%filter-checked-nav { 
  background: $primary-color;
  color: $light-color;
}

%filter-checked-body { 
  display: none;
}

.filter {
  .filter-nav {
    margin: $layout-spacing 0;
  }

  .filter-body {
    display: flex;
    flex-wrap: wrap;
  }

  .filter-tag {
    @for $i from 0 through ($filter-number) {
      &#tag-#{$i}:checked ~ .filter-nav .chip[for="tag-#{$i}"] {
        @extend %filter-checked-nav;
      }
    }

    @for $i from 1 through ($filter-number) {
      &#tag-#{$i}:checked ~ .filter-body .filter-item:not([data-tag~="tag-#{$i}"]) {
        @extend %filter-checked-body;
      }
    }
  }
}

Version data entries

17 entries across 17 versions & 2 rubygems

Version Path
spectre_scss-0.5.9.1 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.5.9.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.5.8.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.5.7.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.5.6.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.5.5.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.5.4.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.5.3.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.5.2.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.5.1.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.5.0.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.4.7.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.4.6.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.4.5.0 vendor/assets/stylesheets/spectre/_filters.scss
respectre-jekyll-theme-0.1.0 _sass/spectre/_filters.scss
spectre_scss-0.4.4.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.4.3.0 vendor/assets/stylesheets/spectre/_filters.scss