style(docs-infra): make indentation in `_search-results.scss` consistent with other `.scss` files (#31390)

PR Close #31390
This commit is contained in:
George Kalpakas 2019-07-02 15:32:39 +03:00 committed by Matias Niemelä
parent 3246a8553c
commit 2d4f507b61
1 changed files with 79 additions and 77 deletions

View File

@ -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;
}
}