_style.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. hr {
  2. border-style: none;
  3. border-bottom: var(--separator--height) solid var(--separator--border-color);
  4. clear: both;
  5. margin-left: auto;
  6. margin-right: auto;
  7. &.wp-block-separator {
  8. border-bottom: var(--separator--height) solid var(--separator--border-color);
  9. &:not(.is-style-wide):not(.is-style-dots) {
  10. max-width: var(--separator--width);
  11. }
  12. /**
  13. * Block Options
  14. */
  15. &.is-style-wide {
  16. @extend %responsive-aligndefault-width;
  17. &.alignwide {
  18. @extend %responsive-alignwide-width;
  19. }
  20. &.alignfull {
  21. @extend %responsive-alignfull-width;
  22. }
  23. }
  24. &.is-style-dots {
  25. &.has-background,
  26. &.has-text-color {
  27. background-color: transparent !important;
  28. &:before {
  29. color: currentColor !important;
  30. }
  31. }
  32. &:before {
  33. color: var(--separator--border-color);
  34. font-size: var(--global--font-size-xl);
  35. letter-spacing: var(--global--font-size-sm);
  36. padding-left: var(--global--font-size-sm);
  37. }
  38. }
  39. .has-background:not(.has-background-background-color) &,
  40. [class*="background-color"]:not(.has-background-background-color) &,
  41. [style*="background-color"] &,
  42. .wp-block-cover[style*="background-image"] & {
  43. border-color: currentColor;
  44. }
  45. }
  46. }