_config.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /**
  2. * Heading
  3. */
  4. $config-heading: (
  5. // Fonts & Typography
  6. "font": (
  7. // Family
  8. "family": (
  9. "fallback": map-deep-get($config-global, "font", "family", "primary", "fallback"),
  10. "css-var": map-deep-get($config-global, "font", "family", "primary", "css-var"),
  11. ),
  12. // Size
  13. "size": (
  14. "h6": map-deep-get($config-global, "font", "size", "md"),
  15. "h5": map-deep-get($config-global, "font", "size", "lg"),
  16. "h4": map-deep-get($config-global, "font", "size", "xl"),
  17. "h3": map-deep-get($config-global, "font", "size", "xxl"),
  18. "h2": map-deep-get($config-global, "font", "size", "xxxl"),
  19. "h1": map-deep-get($config-global, "font", "size", "xxxxl"),
  20. ),
  21. // Letter spacing
  22. "line-height": (
  23. "h6": map-deep-get($config-global, "font", "line-height", "heading"),
  24. "h5": map-deep-get($config-global, "font", "line-height", "heading"),
  25. "h4": map-deep-get($config-global, "font", "line-height", "heading"),
  26. "h3": map-deep-get($config-global, "font", "line-height", "heading"),
  27. "h2": map-deep-get($config-global, "font", "line-height", "heading"),
  28. "h1": map-deep-get($config-global, "font", "line-height", "heading"),
  29. ),
  30. // Letter spacing
  31. "letter-spacing": (
  32. "h6": map-deep-get($config-global, "font", "letter-spacing", "sm"),
  33. "h5": map-deep-get($config-global, "font", "letter-spacing", "md"),
  34. "h4": map-deep-get($config-global, "font", "letter-spacing", "lg"),
  35. "h3": map-deep-get($config-global, "font", "letter-spacing", "xl"),
  36. "h2": map-deep-get($config-global, "font", "letter-spacing", "xxl"),
  37. "h1": map-deep-get($config-global, "font", "letter-spacing", "xxxl"),
  38. ),
  39. // Font Weight
  40. "weight": bold,
  41. ),
  42. );