Sha256: b024e119abfe95f16a1bc6e19f5f8e5d7b178a63a4acc81ce583104ce7849392

Contents?: true

Size: 1.22 KB

Versions: 8

Compression:

Stored size: 1.22 KB

Contents

.search-tools {
  $search-tools-border-color: $base-border-color;
  $search-tools-background: lighten($search-tools-border-color, 10);

  @include clearfix;
  border: 1px solid $search-tools-border-color;
  background: $search-tools-background;
  padding: $gutter / 2;
  border-radius: $base-border-radius;

  .filter {
    margin-bottom: 1em;

    @include media($large-screen) {
      @include span-columns(3.5);
      margin-bottom: 0;
    }

    > div {
      @extend input[type="text"];
      position: relative;

      label {
        font-weight: 400;
        cursor: pointer;
        margin-bottom: 0;
      }
    }

    ol label {
      display: inline;
    }

    button {
      @include button(simple, lighten($search-tools-background, 10));
      @include position(absolute, 5px 5px auto auto);
      font-size: .7em;
    }

    .hide-options {
      margin-bottom: 0;

      ol, button {
        display: none;
      }
    }
  }

  .trigger {
    width: 100%;

    @include media($large-screen) {
      @include span-columns(1.5);
    }

    button {
      width: 100%;
      margin-top: 1em;
      padding-top: .7em;
      padding-bottom: .7em;

      @include media($large-screen) {
        margin-top: 1.95em;
      }
    }
  }
}

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
staple-0.0.9 source/stylesheets/staple/_search-tools.scss
staple-0.0.8 source/stylesheets/staple/_search-tools.scss
staple-0.0.7 source/stylesheets/staple/_search-tools.scss
staple-0.0.6 source/stylesheets/staple/_search-tools.scss
staple-0.0.5 source/stylesheets/staple/_search-tools.scss
staple-0.0.4 source/stylesheets/staple/_search-tools.scss
staple-0.0.3 source/stylesheets/staple/_search-tools.scss
staple-0.0.2 source/stylesheets/staple/_search-tools.scss