[Summary view] [Print] [Text view]

   1  .wp-block-separator,
   2  hr {
   3      border-bottom: var(--separator--height) solid var(--separator--border-color);
   4      clear: both;
   5      opacity: 1;
   6  
   7      &[style*="text-align:right"],
   8      &[style*="text-align: right"] {
   9          border-right-color: var(--separator--border-color);
  10      }
  11  
  12      &:not(.is-style-dots) {
  13          max-width: var(--responsive--aligndefault-width);
  14      }
  15  
  16      [data-align="full"] > &,
  17      [data-align="wide"] > & {
  18          max-width: inherit;
  19      }
  20  
  21      &.is-style-twentytwentyone-separator-thick {
  22          border-bottom-width: calc(3 * var(--separator--height));
  23      }
  24  
  25      &.is-style-dots {
  26          border-bottom: none;
  27  
  28          &.has-background,
  29          &.has-text-color {
  30              background-color: transparent !important;
  31  
  32              &:before {
  33                  color: currentColor !important;
  34              }
  35          }
  36  
  37          &:before {
  38              color: var(--separator--border-color);
  39          }
  40      }
  41  
  42      .has-background &,
  43      [class*="background-color"] &,
  44      [style*="background-color"] &,
  45      .wp-block-cover[style*="background-image"] & {
  46          border-color: currentColor;
  47      }
  48  }