Advertisement
Guest User

Untitled

a guest
Apr 26th, 2019
132
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.96 KB | None | 0 0
  1. // SPACING
  2. --space-xxs: 4px;
  3. --space-xs: 8px;
  4. --space-sm: 16px;
  5. --space-md: 32px;
  6. --space-lg: 48px;
  7. --space-xl: 64px;
  8. --space-xxl: 96px;
  9.  
  10. // LINE HEIGHTS
  11.  
  12. // ArticleBody, ArticlePullquote, FigureCaption
  13. --line-height-xl: 1.6;
  14.  
  15. // ArticleDek, GridPostDescription
  16. --line-height-lg: 1.5;
  17.  
  18. // FeaturedQuote, ArticleSubhead, ArticleTitleLarge, ArticleTitleSmall, CategoryDescription, GridPostTitleLarge
  19. --line-height-md: 1.33;
  20.  
  21. // GridPostTitle, FeaturedPostTitleLarge, FeaturedPostTitle
  22. --line-height-sm: 1.2;
  23.  
  24. // DESKTOP FONT SCALE
  25. // Modular scale: base 20px, ratio 1.2 (minor third)
  26. --fontSize-xxxl: 72px;
  27. --fontSize-xxl: 60px;
  28. --fontSize-xl: 35px;
  29. --fontSize-lg: 24px;
  30. --fontSize-md: 20px;
  31. --fontSize-sm: 17px;
  32. --fontSize-xs: 14px;
  33. --fontSize-xxs: 12px;
  34.  
  35. // MOBILE FONT SCALE
  36. // Modular scale: base 16px, ratio 1.125 (major second)
  37. --fontSize-xxl: 32px;
  38. --fontSize-xl: 26px;
  39. --fontSize-lg: 20px;
  40. --fontSize-md: 18px;
  41. --fontSize-sm: 16px;
  42. --fontSize-xs: 13px;
  43. --fontSize-xxs: 11px;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement