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

fix(aio): improve positioning of heading-anchors

This commit is contained in:
Peter Bacon Darwin 2017-04-26 22:33:35 +01:00 committed by Miško Hevery
parent 883a3250e4
commit de36a9b718
1 changed files with 35 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
aio/src/styles/2-modules/_heading-anchors.scss
View File

@ -1,31 +1,17 @@
h1, h2, h3, h4, h5, h6 { .sidenav-content {
.icon-link { h1, h2, h3, h4, h5, h6 {
color: $darkgray;
vertical-align: middle; .mat-icon, .material-icons {
visibility: hidden; visibility: hidden;
margin: 8px;
font: normal normal 24px 'Material Icons';
display: inline-block; display: inline-block;
line-height: 1; color: $mediumgray;
text-transform: none; margin: 0 8px;
letter-spacing: normal; }
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */ &:hover {
-webkit-font-smoothing: antialiased; .mat-icon, .material-icons {
/* Support for Safari and Chrome. */ visibility: visible;
text-rendering: optimizeLegibility; }
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
&:before { content: 'link'; }
} }
a { a {
@ -35,8 +21,23 @@ h1, h2, h3, h4, h5, h6 {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
}
&:hover .icon-link { .l-sub-section {
visibility: visible h1, h2, h3, h4, h5, h6 {
a {
padding-right: 24px;
margin-left: -74px;
}
}
}
.alert {
h1, h2, h3, h4, h5, h6 {
a {
padding-right: 40px;
margin-left: -90px;
}
}
} }
} }