_style.scss (1260B)
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 }