Sha256: 4dcfd71836cc772fc0009128c822c25a52394652e9b296b8108f86d8a7d3bd37

Contents?: true

Size: 846 Bytes

Versions: 8

Compression:

Stored size: 846 Bytes

Contents

.search-bar {
  $search-bar-border-color: $base-border-color;
  $search-bar-border: 1px solid $search-bar-border-color;
  $search-bar-background: lighten($search-bar-border-color, 10);

  position: relative; 
  display: inline-block;

  input {
    @include box-sizing(border-box);
    display: block;
  }

  div.search-and-submit {
    position: relative;

    input[type=search] {
      @include appearance(none);
      width: 100%;
      padding: .5em .8em;
      font-size: .9em;
      font-style: italic;
      border-radius: $base-border-radius;
      margin: 0;
    }

    button[type=submit] {
      @include position(absolute, 0em 0em 0em null);
      outline: none;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding: 5px 10px;

      img {
        height: 12px;
        opacity: .7;
      }
    }
  }
}

Version data entries

8 entries across 8 versions & 1 rubygems

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