@use '../../_styles/variables' as *;
@use '../../_styles/mixins' as *;
$listPrefixClass: #{$prefix}list;

.#{$listPrefixClass} {
  list-style: none;
  margin: 0;
  padding: 0;
  &__bottom {
    line-height: 2.5em;
    text-align: center;
    font-size: $listBottomFontSize;
    color: $colorTextMinor;
    .#{$prefix}loading {
      vertical-align: middle;
      font-size: $listBottomFontSize;
    }
    > .#{$prefix}skeleton, > .#{$prefix}skeletons {
      padding: $listItemPadding;
    }
  }
  &-subheader {
    padding: 0 $listItemPadding;
    color: $listSubheaderColor;
    background: $listSubheaderBackground;
    z-index: 2;
    line-height: 2em;
    font-size: $listSubheaderFontSize;
    transition: all 300ms ease;
    &.is-sticky {
      color: $listSubheaderStickyColor;
      background: $listSubheaderStickyBackground;
      box-shadow: $listSubheaderStickyBoxShadow;
    }
  }
}

@import './item.scss';