Contents

.searchbox {
  width: 100%;
  max-width: 30em;
  margin-right: auto;

  .input-group {
    background: white;
    border: 1px solid #ccc;
    border-radius: 50rem;
  }

  .input-group-text {
    background: transparent;
    border: 0;
  }

  .form-control {
    padding-left: 0;

    background: transparent;
    box-shadow: none;

    border: 0;

    &::-webkit-search-cancel-button {
      display: none;
    }
  }

  .clear-search {
    position: absolute;
    right: 0.75rem;
    z-index: 5;
    color: #555;
    font-size: 1.2rem;
    padding: 0.35rem;

    &:hover, &:focus {
      color: #333;
    }
  }
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version	Path
trestle-search-0.5.0	frontend/index.scss
trestle-search-0.5.0.pre	frontend/index.scss
trestle-search-0.4.3	frontend/index.scss
trestle-search-0.4.2	frontend/index.scss
trestle-search-0.4.1	frontend/index.scss
trestle-search-0.4.0	frontend/index.scss