Sha256: e923468a4f5a29cb81c018e157baba5fccc176e43cd56bfd8684112c05dbf2ff

Contents?: true

Size: 1.14 KB

Versions: 3

Compression:

Stored size: 1.14 KB

Contents

// empty divider

.ActionList-sectionDivider {
  // has children
  &:not(:empty) {
    display: flex;
    padding: ($spacer-1 * 1.5) $spacer-2;
    font-size: $font-size-small;
    font-weight: $font-weight-bold;
    color: var(--color-fg-muted);
    flex-direction: column;
  }

  // no children
  &:empty {
    display: block;
    height: 1px;
    padding: 0;
    // stylelint-disable-next-line primer/spacing
    margin: ($spacer-2 - 1px) ($spacer-2 * -1) $spacer-2;
    list-style: none;
    background: var(--color-action-list-item-inline-divider);
    border: 0;
  }

  .ActionList-sectionDivider-title {
    font-size: $font-size-small;
    font-weight: $font-weight-bold;
    color: var(--color-fg-muted);
  }
}

.ActionList-sectionDivider--filled {
  margin: $spacer-2 ($spacer-2 * -1);
  background: var(--color-canvas-subtle);
  border-top: $border-width $border-style var(--color-action-list-item-inline-divider);
  border-bottom: $border-width $border-style var(--color-action-list-item-inline-divider);

  // if no children, treat as divider
  &:empty {
    height: $spacer-2;
    box-sizing: border-box;
  }

  &:first-child {
    margin-top: 0;
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
jekyll-v4-theme-primer-0.11.0 _sass/@primer/css/actionlist/action-list-item-divider.scss
jekyll-v4-theme-primer-0.10.0 _sass/@primer/css/actionlist/action-list-item-divider.scss
jekyll-v4-theme-primer-0.9.0 _sass/@primer/css/actionlist/action-list-item-divider.scss