_meta.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .post-meta {
  2. // TODO - needed until https://github.com/WordPress/gutenberg/issues/24473
  3. display: flex;
  4. .wp-block-post-author,
  5. .wp-block-post-date,
  6. .wp-block-post-tags,
  7. .wp-block-post-hierarchical-terms {
  8. display: flex;
  9. margin-right: calc(2 * var(--wp--custom--margin--baseline) );
  10. }
  11. .wp-block-post-author:before,
  12. .wp-block-post-date:before,
  13. .wp-block-post-tags:before,
  14. .wp-block-post-hierarchical-terms:before {
  15. align-self: center;
  16. content: '';
  17. display: inline-block;
  18. margin-right: calc(0.5 * var(--wp--custom--margin--baseline) );
  19. height: 16px;
  20. width: 16px;
  21. background-color: currentColor;
  22. }
  23. .wp-block-post-author:before {
  24. -webkit-mask-image: url(svg/post-author.svg);
  25. mask-image: url(svg/post-author.svg);
  26. }
  27. .wp-block-post-date:before {
  28. -webkit-mask-image: url(svg/post-date.svg);
  29. mask-image: url(svg/post-date.svg);
  30. }
  31. .wp-block-post-hierarchical-terms:before {
  32. -webkit-mask-image: url(svg/post-category.svg);
  33. mask-image: url(svg/post-category.svg);
  34. }
  35. .wp-block-post-tags:before {
  36. -webkit-mask-image: url(svg/post-tag.svg);
  37. mask-image: url(svg/post-tag.svg);
  38. }
  39. }