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

feat(aio): smaller typography, code header pad

This commit is contained in:
Stefanie Fluin 2017-04-14 12:28:39 -07:00 committed by Pete Bacon Darwin
parent a2bdcc9ba8
commit 7d986ae5dc
4 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
aio/src/styles/0-base/_typography.scss
View File

@ -7,12 +7,14 @@
margin: 0; margin: 0;
color: $darkgray; color: $darkgray;
font-size: 14px; font-size: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} }
h1 { h1 {
display:inline-block; display:inline-block;
font-size: 36px; font-size: 24px;
font-weight: 400; font-weight: 500;
margin: 8px 0px; margin: 8px 0px;
} }
@ -21,38 +23,38 @@
display: block; display: block;
height: 1px; height: 1px;
width: 40%; width: 40%;
margin: 32px 0px 10px; margin: 24px 0px 10px;
background: $lightgray; background: $lightgray;
} }
h2 { h2 {
font-size: 30px; font-size: 20px;
font-weight: 500; font-weight: 500;
margin: 32px 0px 24px; margin: 32px 0px 24px;
} }
h3 { h3 {
font-size: 24px; font-size: 20px;
font-weight: 500; font-weight: 400;
margin: 24px 0px; margin: 24px 0px;
} }
h4 { h4 {
font-size: 24px; font-size: 18px;
font-weight: 400; font-weight: 400;
margin: 8px 0px; margin: 8px 0px;
} }
h5 { h5 {
font-size: 18px; font-size: 16px;
font-weight: 500; font-weight: 500;
margin: 8px 0px; margin: 8px 0px;
} }
h6 { h6 {
color: $mediumgray; color: $mediumgray;
font-size: 18px; font-size: 16px;
font-weight: 400; font-weight: 500;
margin: 8px 0px; margin: 8px 0px;
} }
@ -79,7 +81,7 @@
} }
.mat-toolbar-row a { .mat-toolbar-row a {
font-size: 18px; font-size: 16px;
font-weight: 300; font-weight: 300;
color: white; color: white;
font-family: $main-font; font-family: $main-font;

1
aio/src/styles/1-layouts/_footer.scss
View File

@ -20,6 +20,7 @@ footer {
a { a {
color: $offwhite; color: $offwhite;
font-weight: 300;
text-decoration: none; text-decoration: none;
z-index: 20; z-index: 20;
position: relative; position: relative;

2
aio/src/styles/2-modules/_code.scss
View File

@ -24,7 +24,7 @@ code-example header {
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
color: $offwhite; color: $offwhite;
font-size: 16px; font-size: 16px;
padding: 10px; padding: 8px 16px;
margin: -17px; margin: -17px;
} }

1
aio/src/styles/2-modules/_table.scss
View File

@ -37,6 +37,7 @@ table {
padding: 16px 32px; padding: 16px 32px;
text-align: left; text-align: left;
line-height: 24px; line-height: 24px;
vertical-align: top;
@media (max-width: 480px) { @media (max-width: 480px) {
&:before { &:before {