_style.scss 1.4 KB

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