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

style(docs-infra): clean up some styles (#31252) 

PR Close #31252
This commit is contained in:
George Kalpakas 2019-06-25 12:16:55 +03:00 committed by Kara Erickson
parent 1d5c44551d
commit 6ff3970ec7
2 changed files with 24 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
aio/src/styles/1-layouts/_sidenav.scss
View File

@ -97,10 +97,6 @@ mat-sidenav-container div.mat-sidenav-content {
//icons _within_ nav //icons _within_ nav
.mat-icon { .mat-icon {
// position: absolute;
// top: 8px;
// right: 8px;
// margin: 0;
height: 24px; height: 24px;
width: 24px; width: 24px;
} }
@ -161,11 +157,13 @@ button.vertical-menu-item {
transition: background-color 0.2s; transition: background-color 0.2s;
text-transform: uppercase; text-transform: uppercase;
&.expanded .mat-icon, .level-2.expanded .mat-icon { &.expanded .mat-icon,
.level-2.expanded .mat-icon {
@include rotate(90deg); @include rotate(90deg);
} }
&:not(.expanded) .mat-icon, .level-2:not(.expanded) .mat-icon { &:not(.expanded) .mat-icon,
.level-2:not(.expanded) .mat-icon {
@include rotate(0deg); @include rotate(0deg);
} }

40
aio/src/styles/2-modules/_api-list.scss
View File

@ -8,24 +8,24 @@
/* API LIST STYLES */ /* API LIST STYLES */
aio-api-list { aio-api-list {
div.form-search i.material-icons { div.form-search i.material-icons {
width: 20px; width: 20px;
pointer-events: none; pointer-events: none;
} }
.form-search input { .form-search input {
width: 182px; width: 182px;
} }
.api-list-container { .api-list-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0 auto; margin: 0 auto;
h2 { h2 {
margin-top: 16px; margin-top: 16px;
}
} }
}
} }
.api-filter { .api-filter {
@ -33,12 +33,12 @@ aio-api-list {
margin: 0 auto; margin: 0 auto;
@media (max-width: 600px) { @media (max-width: 600px) {
flex-direction: column; flex-direction: column;
margin: 16px auto; margin: 16px auto;
} }
.form-select-menu, .form-search { .form-select-menu, .form-search {
margin: 8px; margin: 8px;
} }
} }
@ -162,8 +162,8 @@ aio-api-list {
overflow: hidden; overflow: hidden;
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
margin: 0 0 0 -8px; margin: 0 0 0 -8px;
} }
li { li {
@include font-size(14); @include font-size(14);
@ -180,6 +180,7 @@ aio-api-list {
.symbol { .symbol {
margin-right: 8px; margin-right: 8px;
} }
a { a {
color: $blue-grey-600; color: $blue-grey-600;
display: inline-block; display: inline-block;
@ -226,7 +227,6 @@ aio-api-list {
} }
p { p {
&.selector { &.selector {
margin: 0; margin: 0;
} }