_cover.scss 800 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .wp-block-cover.is-style-quadrat-cover-diamond {
  2. &::after {
  3. background-image: url(rotated.svg);
  4. background-position: center;
  5. background-repeat: no-repeat;
  6. background-size: auto 70%;
  7. content: "";
  8. mix-blend-mode: soft-light;
  9. position: absolute;
  10. top: 0;
  11. left: 0;
  12. bottom: 0;
  13. right: 0;
  14. z-index: 0 !important;
  15. }
  16. &.has-white-background-color,
  17. &.has-black-background-color {
  18. &.wp-block-cover.has-background-dim:not(.has-background-gradient)::before {
  19. opacity: 0;
  20. }
  21. &::after {
  22. mix-blend-mode: normal;
  23. mask-image: url(rotated.svg);
  24. mask-repeat: no-repeat;
  25. mask-size: auto 70%;
  26. mask-position: center;
  27. opacity: 0.25;
  28. }
  29. }
  30. &.has-white-background-color::after {
  31. background: #000;
  32. }
  33. &.has-black-background-color::after {
  34. background: #fff;
  35. }
  36. }