honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

156
aio/src/styles/2-modules/_search-results.scss
View File

@ -1,100 +1,102 @@
aio-search-results { aio-search-results {
z-index: 10; z-index: 10;
} }
.search-results { .search-results {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-around;
overflow: auto; overflow: auto;
padding: 68px 32px 0; padding: 68px 32px 0;
color: $offwhite; color: $offwhite;
width: auto; width: auto;
max-height: 95vh; max-height: 95vh;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
z-index: 5; z-index: 5;
background-color: $darkgray; background-color: $darkgray;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
box-sizing: border-box; box-sizing: border-box;
@media (max-width: 480px) { @media (max-width: 480px) {
display: block; display: block;
.search-area {
display: block; .search-area {
margin: 16px 16px; display: block;
} margin: 16px 16px;
} }
}
} }
aio-search-results.embedded .search-results { aio-search-results.embedded .search-results {
padding: 0; padding: 0;
color: inherit; color: inherit;
width: auto; width: auto;
max-height: 100%; max-height: 100%;
position: relative; position: relative;
background-color: inherit; background-color: inherit;
box-shadow: none; box-shadow: none;
box-sizing: border-box; box-sizing: border-box;
.search-area a { .search-area a {
color: lighten($darkgray, 10); color: lighten($darkgray, 10);
&:hover { &:hover {
color: $accentblue; color: $accentblue;
}
} }
}
} }
.search-area { .search-area {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 16px 16px; margin: 16px 16px;
height: 100%; height: 100%;
.search-section-header { .search-section-header {
@include font-size(16); @include font-size(16);
font-weight: 400; font-weight: 400;
margin: 10px 0px 5px; margin: 10px 0px 5px;
text-transform: uppercase; text-transform: uppercase;
color: $white; 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 { span.symbol {
margin: 0; margin-right: 8px;
padding: 0;
li {
list-style: none;
}
} }
}
.priority-pages {
padding: 0.5rem 0;
a { a {
@include font-size(14); font-weight: bold;
color: $lightgray;
text-decoration: none;
font-weight: normal;
&:hover {
color: $white;
}
&:visited {
text-decoration: none;
}
span.symbol {
margin-right: 8px;
}
} }
}
.priority-pages { @include bp(tiny) {
padding: 0.5rem 0; display: block;
a { }
font-weight: bold;
}
}
@include bp(tiny) {
display: block;
}
} }