Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // SPACING
- --space-xxs: 4px;
- --space-xs: 8px;
- --space-sm: 16px;
- --space-md: 32px;
- --space-lg: 48px;
- --space-xl: 64px;
- --space-xxl: 96px;
- // LINE HEIGHTS
- // ArticleBody, ArticlePullquote, FigureCaption
- --line-height-xl: 1.6;
- // ArticleDek, GridPostDescription
- --line-height-lg: 1.5;
- // FeaturedQuote, ArticleSubhead, ArticleTitleLarge, ArticleTitleSmall, CategoryDescription, GridPostTitleLarge
- --line-height-md: 1.33;
- // GridPostTitle, FeaturedPostTitleLarge, FeaturedPostTitle
- --line-height-sm: 1.2;
- // DESKTOP FONT SCALE
- // Modular scale: base 20px, ratio 1.2 (minor third)
- --fontSize-xxxl: 72px;
- --fontSize-xxl: 60px;
- --fontSize-xl: 35px;
- --fontSize-lg: 24px;
- --fontSize-md: 20px;
- --fontSize-sm: 17px;
- --fontSize-xs: 14px;
- --fontSize-xxs: 12px;
- // MOBILE FONT SCALE
- // Modular scale: base 16px, ratio 1.125 (major second)
- --fontSize-xxl: 32px;
- --fontSize-xl: 26px;
- --fontSize-lg: 20px;
- --fontSize-md: 18px;
- --fontSize-sm: 16px;
- --fontSize-xs: 13px;
- --fontSize-xxs: 11px;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement