[Summary view] [Print] [Text view]

   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  
   8      &.wp-block-separator {
   9          border-bottom: var(--separator--height) solid var(--separator--border-color);
  10          opacity: 1;
  11  
  12          &:not(.is-style-dots):not(.alignwide) {
  13              max-width: var(--responsive--aligndefault-width);
  14          }
  15  
  16          &:not(.is-style-dots) {
  17  
  18              &.alignwide {
  19                  max-width: var(--responsive--alignwide-width);
  20              }
  21  
  22              &.alignfull {
  23                  max-width: var(--responsive--alignfull-width);
  24              }
  25          }
  26  
  27          /**
  28           * Block Options
  29           */
  30          &.is-style-twentytwentyone-separator-thick {
  31              border-bottom-width: calc(3 * var(--separator--height));
  32          }
  33  
  34          &.is-style-dots {
  35  
  36              &.has-background,
  37              &.has-text-color {
  38                  background-color: transparent !important;
  39  
  40                  &:before {
  41                      color: currentColor !important;
  42                  }
  43              }
  44  
  45              &:before {
  46                  color: var(--separator--border-color);
  47                  font-size: var(--global--font-size-xl);
  48                  letter-spacing: var(--global--font-size-sm);
  49                  padding-left: var(--global--font-size-sm);
  50              }
  51          }
  52  
  53          .has-background &,
  54          [class*="background-color"] &,
  55          [style*="background-color"] &,
  56          .wp-block-cover[style*="background-image"] & {
  57              border-color: currentColor;
  58          }
  59      }
  60  }