Contents

$search-icon-size: 1rem;

.search {
  margin-left: auto;
  margin-right: 2rem;
  max-width: 20rem;
  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

3 entries across 3 versions & 1 rubygems

Version	Path
administrate-1.0.0.beta3	app/assets/stylesheets/administrate/components/_search.scss
administrate-1.0.0.beta2	app/assets/stylesheets/administrate/components/_search.scss
administrate-1.0.0.beta1	app/assets/stylesheets/administrate/components/_search.scss