_meta.scss 999 B

123456789101112131415161718192021222324252627282930313233343536
  1. .post-meta {
  2. // We're setting row-gap here as currently, we can't specify separate vertical and horizontal block gaps.
  3. // Tracking in Gutenberg here: https://github.com/WordPress/gutenberg/issues/34529
  4. row-gap: var(--wp--custom--gap--baseline) !important; // !important is needed to override the unique .wp-container-ID classes
  5. }
  6. .is-style-post-author-icon,
  7. .is-style-post-date-icon,
  8. .is-style-post-category-icon,
  9. .is-style-post-tag-icon {
  10. @include post-meta-icon;
  11. }
  12. .is-style-post-author-icon {
  13. &:before {
  14. -webkit-mask-image: url(svg/post-author.svg);
  15. mask-image: url(svg/post-author.svg);
  16. }
  17. }
  18. .is-style-post-date-icon {
  19. &:before {
  20. -webkit-mask-image: url(svg/post-date.svg);
  21. mask-image: url(svg/post-date.svg);
  22. }
  23. }
  24. .is-style-post-category-icon {
  25. &:before {
  26. -webkit-mask-image: url(svg/post-category.svg);
  27. mask-image: url(svg/post-category.svg);
  28. }
  29. }
  30. .is-style-post-tag-icon {
  31. &:before {
  32. -webkit-mask-image: url(svg/post-tag.svg);
  33. mask-image: url(svg/post-tag.svg);
  34. }
  35. }