artin/tachyons
1
0
Fork 0
mirror of https://github.com/tachyons-css/tachyons.git synced 2026-02-06 11:06:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Don't reverse type scale

Browse Source
This commit is contained in:
John Otander 2018-07-13 12:04:58 -06:00
parent e8e2314dc6
commit 00d1625a9d
1 changed files with 29 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/_type-scale.css
View File

@ -28,54 +28,47 @@ http://tachyons.io/docs/typography/scale/
- `-l` = large
*/
/*
* For Hero/Marketing Titles
*
* These generally are too large for mobile
* so be careful using them on smaller screens.
* */
/* Type Scale */
.f8 { font-size: 6rem; }
.f7 { font-size: 4rem; }
.f6 { font-size: 3rem; }
.f5 { font-size: 2rem; }
.f0 { font-size: 6rem; }
.f1 { font-size: 4rem; }
.f2 { font-size: 3rem; }
.f3 { font-size: 2rem; }
.f4 { font-size: 1.5rem; }
.f3 { font-size: 1rem; }
.f2 { font-size: .875rem; }
.f1 { font-size: .75rem; } /* Small and hard to read for many people so use with extreme caution */
.f5 { font-size: 1rem; }
.f6 { font-size: .875rem; }
/* Small and hard to read for many people so use with extreme caution */
.f7 { font-size: .75rem; }
@media (--breakpoint-small) {
.f8-s { font-size: 6rem; }
.f7-s { font-size: 4rem; }
.f6-s { font-size: 3rem; }
.f5-s { font-size: 2rem; }
.f0-s { font-size: 6rem; }
.f1-s { font-size: 4rem; }
.f2-s { font-size: 3rem; }
.f3-s { font-size: 2rem; }
.f4-s { font-size: 1.5rem; }
.f3-s { font-size: 1rem; }
.f2-s { font-size: .875rem; }
.f1-s { font-size: .75rem; }
.f5-s { font-size: 1rem; }
.f6-s { font-size: .875rem; }
.f7-s { font-size: .75rem; }
}
@media (--breakpoint-medium) {
.f8-m { font-size: 6rem; }
.f7-m { font-size: 4rem; }
.f6-m { font-size: 3rem; }
.f5-m { font-size: 2rem; }
.f0-m { font-size: 6rem; }
.f1-m { font-size: 4rem; }
.f2-m { font-size: 3rem; }
.f3-m { font-size: 2rem; }
.f4-m { font-size: 1.5rem; }
.f3-m { font-size: 1rem; }
.f2-m { font-size: .875rem; }
.f1-m { font-size: .75rem; }
.f5-m { font-size: 1rem; }
.f6-m { font-size: .875rem; }
.f7-m { font-size: .75rem; }
}
@media (--breakpoint-large) {
.f8-l { font-size: 6rem; }
.f7-l { font-size: 4rem; }
.f6-l { font-size: 3rem; }
.f5-l { font-size: 2rem; }
.f0-l { font-size: 6rem; }
.f1-l { font-size: 4rem; }
.f2-l { font-size: 3rem; }
.f3-l { font-size: 2rem; }
.f4-l { font-size: 1.5rem; }
.f3-l { font-size: 1rem; }
.f2-l { font-size: .875rem; }
.f1-l { font-size: .75rem; }
.f5-l { font-size: 1rem; }
.f6-l { font-size: .875rem; }
.f7-l { font-size: .75rem; }
}