diff --git a/src/_type-scale.css b/src/_type-scale.css index 2b01c42..488a7c5 100644 --- a/src/_type-scale.css +++ b/src/_type-scale.css @@ -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; } }