From 2d4f507b618461cc4419561692eb4d36ba6b5695 Mon Sep 17 00:00:00 2001 From: George Kalpakas Date: Tue, 2 Jul 2019 15:32:39 +0300 Subject: [PATCH] style(docs-infra): make indentation in `_search-results.scss` consistent with other `.scss` files (#31390) PR Close #31390 --- aio/src/styles/2-modules/_search-results.scss | 156 +++++++++--------- 1 file changed, 79 insertions(+), 77 deletions(-) diff --git a/aio/src/styles/2-modules/_search-results.scss b/aio/src/styles/2-modules/_search-results.scss index ab49f1d1c0..50c76f3f61 100644 --- a/aio/src/styles/2-modules/_search-results.scss +++ b/aio/src/styles/2-modules/_search-results.scss @@ -1,100 +1,102 @@ aio-search-results { - z-index: 10; + z-index: 10; } .search-results { - display: flex; - flex-direction: row; - justify-content: space-around; - overflow: auto; - padding: 68px 32px 0; - color: $offwhite; - width: auto; - max-height: 95vh; - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 5; - background-color: $darkgray; - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); - box-sizing: border-box; + display: flex; + flex-direction: row; + justify-content: space-around; + overflow: auto; + padding: 68px 32px 0; + color: $offwhite; + width: auto; + max-height: 95vh; + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 5; + background-color: $darkgray; + 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; - } + @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; + 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 a { + color: lighten($darkgray, 10); + &:hover { + color: $accentblue; } + } } .search-area { - display: flex; - flex-direction: column; - margin: 16px 16px; - height: 100%; + display: flex; + flex-direction: column; + margin: 16px 16px; + height: 100%; - .search-section-header { - @include font-size(16); - font-weight: 400; - margin: 10px 0px 5px; - text-transform: uppercase; - color: $white; + .search-section-header { + @include font-size(16); + font-weight: 400; + margin: 10px 0px 5px; + text-transform: uppercase; + color: $white; + } + + ul { + margin: 0; + padding: 0; + + li { + list-style: none; + } + } + + a { + @include font-size(14); + color: $lightgray; + text-decoration: none; + font-weight: normal; + &:hover { + color: $white; + } + &:visited { + text-decoration: none; } - ul { - margin: 0; - padding: 0; - - li { - list-style: none; - } + span.symbol { + margin-right: 8px; } + } + + .priority-pages { + padding: 0.5rem 0; a { - @include font-size(14); - color: $lightgray; - text-decoration: none; - font-weight: normal; - &:hover { - color: $white; - } - &:visited { - text-decoration: none; - } - - span.symbol { - margin-right: 8px; - } + font-weight: bold; } + } - .priority-pages { - padding: 0.5rem 0; - a { - font-weight: bold; - } - } - - @include bp(tiny) { - display: block; - } + @include bp(tiny) { + display: block; + } }