Skip to content
This repository has been archived by the owner on Dec 19, 2024. It is now read-only.

Commit

Permalink
Update font-sizes value to use the REM unit and line-heights to be
Browse files Browse the repository at this point in the history
unitless to be more consistent of the relative unit values used already
to establish consistent typography while simultaneously being more
accommodating of RWD & a11y-friendly uses of the the declarations.
  • Loading branch information
lozandier committed Feb 19, 2017
1 parent 886fb1e commit 92dbdb2
Showing 1 changed file with 28 additions and 29 deletions.
57 changes: 28 additions & 29 deletions typography.html
Original file line number Diff line number Diff line change
Expand Up @@ -50,129 +50,128 @@
@apply --paper-font-common-base;
@apply --paper-font-common-nowrap;

font-size: 112px;
font-size: 7rem;
font-weight: 300;
letter-spacing: -.044em;
line-height: 120px;
line-height: 1.071428571;
};

--paper-font-display3: {
@apply --paper-font-common-base;
@apply --paper-font-common-nowrap;

font-size: 56px;
font-size: 3.5rem;
font-weight: 400;
letter-spacing: -.026em;
line-height: 60px;
line-height: 1.071428571;
};

--paper-font-display2: {
@apply --paper-font-common-base;

font-size: 45px;
font-size: 2.8125rem;
font-weight: 400;
letter-spacing: -.018em;
line-height: 48px;
line-height: 1.066666667;
};

--paper-font-display1: {
@apply --paper-font-common-base;

font-size: 34px;
font-size: 2.125rem;
font-weight: 400;
letter-spacing: -.01em;
line-height: 40px;
line-height: 1.176470588;
};

--paper-font-headline: {
@apply --paper-font-common-base;

font-size: 24px;
font-size: 1.5rem;
font-weight: 400;
letter-spacing: -.012em;
line-height: 32px;
line-height: 1.333333333;
};

--paper-font-title: {
@apply --paper-font-common-base;
@apply --paper-font-common-nowrap;

font-size: 20px;
font-size: 1.25rem;
font-weight: 500;
line-height: 28px;
line-height: 1.4;
};

--paper-font-subhead: {
@apply --paper-font-common-base;

font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 24px;
line-height: 1.5;
};

--paper-font-body2: {
@apply --paper-font-common-base;

font-size: 14px;
font-size: .875rem;
font-weight: 500;
line-height: 24px;
line-height: 1.714285714;
};

--paper-font-body1: {
@apply --paper-font-common-base;

font-size: 14px;
font-size: .875rem;
font-weight: 400;
line-height: 20px;
line-height: 1.428571429;
};

--paper-font-caption: {
@apply --paper-font-common-base;
@apply --paper-font-common-nowrap;

font-size: 12px;
font-size: .75rem;
font-weight: 400;
letter-spacing: 0.011em;
line-height: 20px;
line-height: 1.666666667;
};

--paper-font-menu: {
@apply --paper-font-common-base;
@apply --paper-font-common-nowrap;

font-size: 13px;
font-size: .8125rem;
font-weight: 500;
line-height: 24px;
line-height: 1.846153846;
};

--paper-font-button: {
@apply --paper-font-common-base;
@apply --paper-font-common-nowrap;

font-size: 14px;
font-size: .875rem;
font-weight: 500;
letter-spacing: 0.018em;
line-height: 24px;
line-height: 1.714285714;
text-transform: uppercase;
};

--paper-font-code2: {
@apply --paper-font-common-code;

font-size: 14px;
font-size: .875rem;
font-weight: 700;
line-height: 20px;
line-height: 1.428571429;
};

--paper-font-code1: {
@apply --paper-font-common-code;

font-size: 14px;
font-size: .875rem;
font-weight: 500;
line-height: 20px;
line-height: 1.428571429;
};

}

</style>
</custom-style>

0 comments on commit 92dbdb2

Please sign in to comment.