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

View File

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

View File

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

View File

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

View File

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