"Fossies" - the Fresh Open Source Software Archive

Member "wordpress/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss" (1 Dec 2020, 1260 Bytes) of package /linux/www/wordpress-5.7-RC1.tar.gz:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) SASS/SCSS source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file.

    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 }