quote.less 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. blockquote.quote-large-text-centered {
  2. text-align: center;
  3. font-size: var(
  4. --font-size-07
  5. ) !important; //override .website-redesign blockquote
  6. font-weight: 600 !important; //override .website-redesign blockquote
  7. line-height: var(
  8. --line-height-06
  9. ) !important; //override .website-redesign blockquote
  10. // customize open/close quote placement.
  11. // Otherwise, close is after footer and before is above quote
  12. &:before,
  13. &:after {
  14. content: none;
  15. }
  16. .quote {
  17. margin-bottom: var(--spacing-08);
  18. &:before {
  19. content: open-quote;
  20. }
  21. &:after {
  22. content: close-quote;
  23. }
  24. }
  25. .quote-img {
  26. img {
  27. height: 64px;
  28. max-width: 64px;
  29. }
  30. }
  31. footer {
  32. color: inherit;
  33. font-size: var(--font-size-body-base);
  34. font-weight: 400;
  35. line-height: var(--line-height-03);
  36. padding: var(--spacing-04) 0 0 0;
  37. &:before {
  38. content: none; //override type.less
  39. }
  40. .quote-link {
  41. text-align: center;
  42. margin-top: var(--spacing-05);
  43. }
  44. }
  45. @media (max-width: @screen-sm-max) {
  46. font-size: var(--font-size-04) !important;
  47. line-height: var(--line-height-04) !important;
  48. footer {
  49. font-size: var(--font-size-02) !important;
  50. line-height: var(--line-height-02) !important;
  51. }
  52. }
  53. }