_post-meta.scss 873 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. .post-meta {
  2. &.wp-block-group {
  3. flex-direction: column;
  4. align-items: start;
  5. }
  6. .is-style-post-date-icon,
  7. .is-style-post-category-icon,
  8. .is-style-post-tag-icon {
  9. margin-bottom: 0.5em;
  10. overflow-wrap: normal;
  11. padding-left: calc( 18px + var(--wp--custom--gap--baseline));
  12. position: relative;
  13. word-break: normal;
  14. }
  15. }
  16. .is-style-post-date-icon,
  17. .is-style-post-category-icon,
  18. .is-style-post-tag-icon {
  19. &:before {
  20. height: 18px;
  21. width: 18px;
  22. position: absolute;
  23. left: 0;
  24. top: 3px;
  25. }
  26. }
  27. .is-style-post-date-icon:before {
  28. -webkit-mask-image: url(svg/post-date.svg);
  29. mask-image: url(svg/post-date.svg);
  30. }
  31. .is-style-post-category-icon:before {
  32. -webkit-mask-image: url(svg/post-category.svg);
  33. mask-image: url(svg/post-category.svg);
  34. }
  35. .is-style-post-tag-icon:before {
  36. -webkit-mask-image: url(svg/post-tag.svg);
  37. mask-image: url(svg/post-tag.svg);
  38. }