_blockquote.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. blockquote {
  2. padding-left: #{map-deep-get($config-global, "spacing", "horizontal")};
  3. p {
  4. font-size: #{map-deep-get($config-heading, "font", "size", "h4")};
  5. letter-spacing: #{map-deep-get($config-heading, "font", "letter-spacing", "h4")};
  6. line-height: #{map-deep-get($config-heading, "font", "line-height", "h4")};
  7. }
  8. cite,
  9. footer {
  10. color: #{map-deep-get($config-global, "color", "forground-light")};
  11. font-size: #{map-deep-get($config-global, "font", "size", "sm")};
  12. letter-spacing: #{map-deep-get($config-global, "font", "letter-spacing", "sm")};
  13. }
  14. & > * {
  15. margin-top: #{map-deep-get($config-global, "spacing", "unit")};
  16. margin-bottom: #{map-deep-get($config-global, "spacing", "unit")};
  17. &:first-child {
  18. margin-top: 0;
  19. }
  20. &:last-child {
  21. margin-bottom: 0;
  22. }
  23. }
  24. &.alignleft,
  25. &.alignright {
  26. padding-left: inherit;
  27. p {
  28. font-size: #{map-deep-get($config-heading, "font", "size", "h5")};
  29. max-width: inherit;
  30. width: inherit;
  31. }
  32. cite,
  33. footer {
  34. font-size: #{map-deep-get($config-global, "font", "size", "xs")};
  35. letter-spacing: #{map-deep-get($config-global, "font", "letter-spacing", "xs")};
  36. }
  37. }
  38. }