message: refactor(docs-infra): clean up `aio-search-results` styles
  PR Close
diff: aio-search-results {
  z-index: 10;
  -}
  .search-results {
  display: flex;
  @@ -8,7 +7,6 @@ aio-search-results {
  justify-content: space-around;
  overflow: auto;
  padding: 68px 32px 0;
  - color: $offwhite;
  width: auto;
  max-height: 95vh;
  position: fixed;
  @@ -20,38 +18,10 @@ aio-search-results {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  - @media (max-width: 480px) {
  - display: block;
  -
  - .search-area {
  - display: block;
  - margin: 16px 16px;
  - }
  - }
  -}
  -
  -aio-search-results.embedded .search-results {
  - padding: 0;
  - color: inherit;
  - width: auto;
  - max-height: 100%;
  - position: relative;
  - background-color: inherit;
  - box-shadow: none;
  - box-sizing: border-box;
  -
  - .search-area a {
  - color: lighten($darkgray, 10);
  - &:hover {
  - color: $accentblue;
  - }
  - }
  -}
  -
  .search-area {
  display: flex;
  flex-direction: column;
  - margin: 16px 16px;
  + margin: 16px;
  height: 100%;
  .search-section-header {
  @@ -69,34 +39,70 @@ aio-search-results.embedded .search-results {
  li {
  list-style: none;
  }
  - }
  - a {
  + .search-result-item {
  @include font-size(14);
  color: $lightgray;
  - text-decoration: none;
  font-weight: normal;
  +
  + &a {
  + text-decoration: none;
  + }
  +
  &:hover {
  color: $white;
  }
  - &:visited {
  - text-decoration: none;
  - }
  - span.symbol {
  + .symbol {
  margin-right: 8px;
  }
  }
  - .priority-pages {
  + &.priority-pages {
  padding: 0.5rem 0;
  - a {
  + .search-result-item {
  font-weight: bold;
  }
  }
  + }
  @include bp(tiny) {
  display: block;
  }
  }
  +
  + @media (max-width: 480px) {
  + display: block;
  +
  + .search-area {
  + display: block;
  + }
  + }
  + }
  +
  + &.embedded {
  + .search-results {
  + padding: 0;
  + color: inherit;
  + max-height: 100%;
  + position: relative;
  + background-color: inherit;
  + box-shadow: none;
  +
  + .search-area {
  + .search-section-header {
  + color: $darkgray;
  + }
  +
  + .search-result-item {
  + color: lighten($darkgray, 10);
  +
  + &:hover {
  + color: $accentblue;
  + }
  + }
  + }
  + }
  + }
  +}
  