_style.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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. }
  18. &.is-style-dots {
  19. &.has-background,
  20. &.has-text-color {
  21. background-color: transparent !important;
  22. &:before {
  23. color: currentColor !important;
  24. }
  25. }
  26. &:before {
  27. color: var(--separator--border-color);
  28. font-size: var(--global--font-size-xl);
  29. letter-spacing: var(--global--font-size-sm);
  30. padding-left: var(--global--font-size-sm);
  31. }
  32. }
  33. .has-background:not(.has-background-background-color) &,
  34. [class*="background-color"]:not(.has-background-background-color) &,
  35. [style*="background-color"] &,
  36. .wp-block-cover[style*="background-image"] & {
  37. border-color: currentColor;
  38. }
  39. }
  40. }