@import "vars";
@import "mixins";

%icon {
    @include icon;
}

/* lists */
%list-item {
    display: block;
    padding: $list-item-vertical-padding $gutter;
    border-bottom: $list-item-border-width solid $border-color;
    border-left: $list-item-border-width solid $border-color;
    border-right: $list-item-border-width solid $border-color;
    font-size: $font-size-main;
    line-height: $font-line-height-main;
}

%list-header {
    @extend %list-item;

    border-top: $list-header-top-border-width solid $primary-color;
    background-color: $module-background;
}