Sha256: 86e4cc3cc1c4a142cd26f73286be1bd6238e015be8cb5d207bb5de381002d169

Contents?: true

Size: 1.33 KB

Versions: 5

Compression:

Stored size: 1.33 KB

Contents

.o-s-header {
  @include flex-align($x: justify, $y: middle);
  @include add-gutter(margin, top, 1);
  @include add-gutter(margin, bottom, 1);

  p { margin-bottom: 0; }

  @include e(item) {
    @include flex-grid-column(12);
    &, p { @include txt-element(search-header); }

    @include breakpoint(medium) {
      @include flex-grid-column;
    }
  }
}

.o-s-select {
  @include flex-grid-row;
  @include flex-align($x: right, $y: middle);
  outline: 0;

  @include e(item) {
    @include flex-grid-column(shrink, 0);
    font-style: normal;

    select {
      @include txt-element(search-select);
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" viewBox="0 0 32 24"><path fill="#929299" d="M31.322 9.965c-0.965-0.965-2.525-0.965-3.49 0l-11.83 11.83-11.83-11.83c-0.965-0.965-2.525-0.965-3.49 0s-0.965 2.525 0 3.49l13.575 13.575c0.481 0.481 1.113 0.723 1.745 0.723s1.264-0.242 1.745-0.723l13.575-13.575c0.963-0.963 0.963-2.525 0-3.49z"></path></svg>');
      background-origin: border-box;
      background-position: right top;
      background-size: 12px;
      border: 0;
      height: auto;
      margin: 0;
      outline: 0;
      padding: 0 .5rem;
      padding-right: 8px;

      &:focus { border: 0; outline: 0;}
      &:hover, &:focus { cursor: pointer; }
    }
  }

}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
lcms-engine-0.1.4 app/assets/stylesheets/lcms/engine/components/_search-header.scss
lcms-engine-0.1.3 app/assets/stylesheets/lcms/engine/components/_search-header.scss
lcms-engine-0.2.0 app/assets/stylesheets/lcms/engine/components/_search-header.scss
lcms-engine-0.1.2 app/assets/stylesheets/lcms/engine/components/_search-header.scss
lcms-engine-0.1.0 app/assets/stylesheets/lcms/engine/components/_search-header.scss