Contents

.search-bar {
  border: solid 1px $color-border-medium;
  border-radius: 2px;
  display: flex;
  font-size: 1.3rem;
  height: 4.6rem;
  position: relative;

  &__select {
    appearance: none;
    background: $color-background-light;
    border: 0;
    border-radius: 0;
    border-right: solid 1px $color-accent;
    display: none;
    padding: 0 2rem;
  }

  &__input {
    border: 0;
    flex-grow: 1;
    padding: 0 2rem;
    outline: none;
  }

  &__button {
    background: $color-background-light;
    border: 0;
    border-left: 1px solid $color-border-medium;
    color: $color-copy-light;
    font-weight: 500;
    padding: 0 2rem;
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
solidus_starter_frontend-0.1.0	app/assets/stylesheets/spree/frontend/components/search/_search_bar.scss