Sha256: f7949f82bc30531dd312123e75c4bdb20b2351abe4eef322bc610fe1eec574fc

Contents?: true

Size: 844 Bytes

Versions: 4

Compression:

Stored size: 844 Bytes

Contents

$_search-icon-size: 1rem;

.search {
  margin-left: auto;
  margin-right: 2rem;
  position: relative;
  width: 100%;
}

.search__input {
  border-radius: 100rem;
  padding-left: $_search-icon-size * 2.5;
  padding-right: $_search-icon-size * 2.5;
}

.search__eyeglass-icon {
  fill: $grey-7;
  height: $_search-icon-size;
  left: $_search-icon-size;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: $_search-icon-size;
}

.search__clear-link {
  height: $_search-icon-size;
  position: absolute;
  right: $_search-icon-size * 0.75;
  top: 50%;
  transform: translateY(-50%);
  width: $_search-icon-size;
}

.search__clear-icon {
  fill: $grey-5;
  height: $_search-icon-size;
  position: absolute;
  transition: fill $base-duration $base-timing;
  width: $_search-icon-size;

  &:hover {
    fill: $action-color;
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
semantic-administrate-0.10.1 app/assets/stylesheets/administrate/components/_search.scss
semantic-administrate-0.10.0 app/assets/stylesheets/administrate/components/_search.scss
semantic-administrate-0.1.1 app/assets/stylesheets/administrate/components/_search.scss
semantic-administrate-0.1.0 app/assets/stylesheets/administrate/components/_search.scss