Sha256: 78673362b4a09753fa72945af88ad25752d3d86e71a14fd8ddf1d252f8a9ff63

Contents?: true

Size: 908 Bytes

Versions: 4

Compression:

Stored size: 908 Bytes

Contents

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

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

  .filter-tag {
    &#tag-all:checked ~ .filter-nav .chip[for="tag-all"],
    &#tag-action:checked ~ .filter-nav .chip[for="tag-action"],
    &#tag-roleplaying:checked ~ .filter-nav .chip[for="tag-roleplaying"],
    &#tag-shooter:checked ~ .filter-nav .chip[for="tag-shooter"],
    &#tag-sports:checked ~ .filter-nav .chip[for="tag-sports"] {
      background: $primary-color;
      color: $light-color;
    }

    &#tag-action:checked ~ .filter-body .column:not([data-tag~="tag-action"]),
    &#tag-roleplaying:checked ~ .filter-body .column:not([data-tag~="tag-roleplaying"]),
    &#tag-shooter:checked ~ .filter-body .column:not([data-tag~="tag-shooter"]),
    &#tag-sports:checked ~ .filter-body .column:not([data-tag~="tag-sports"]) {
      display: none;
    }
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
spectre_scss-0.4.2.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.4.1.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.4.0.0 vendor/assets/stylesheets/spectre/_filters.scss
spectre_scss-0.3.2.0 vendor/assets/stylesheets/spectre/src/_filters.scss