@import "../../../styles/mixins";

.gov-icon-list {
    @include flex($direction: column, $gap: var(--spacing-m));

    &--small {
        @include flex($direction: column, $gap: var(--spacing-s));
        li {
            @include typography("body-s");
        }
    }

    &--horizontal {
        @include flex($direction: row, $gap: var(--spacing-m-nudge));
    }

    &--grey {
        li {
            color: var(--text-secondary);
        }
    }
}