Divider

No notes defined.

<hr class="divider" />
<hr class="divider"/>
/* No context defined. */
  • Content:
    $divider_styles: (
        height: var(--bw-largest),
        width: 124px,
        background-color: $_accent-color,
    ) !default;
    
    @import "_divider.settings";
    @import "_divider.styles";
    
    %divider {
    
        @include not-on-desktop(){
            width: (map.get($divider_styles, width) * .667);
        }
    
        [data-theme="accent"] & {
            background-color: $_PAGE-COLOR;
        }
    
    }
    
  • URL: /components/raw/divider/_divider.scss
  • Filesystem Path: components/02-elements/divider/_divider.scss
  • Size: 362 Bytes
  • Content:
    %divider {
        @include stack-spacing();
    
        border: none;
        display: block;
    
        margin-left: auto;
        margin-right: auto;
    
        @include styles($divider_styles);
    }
    
    .divider {
        @extend %divider;
    }
    
  • URL: /components/raw/divider/_divider.styles.scss
  • Filesystem Path: components/02-elements/divider/_divider.styles.scss
  • Size: 205 Bytes