section-list {
    counter-reset: section;

    ul {
        counter-reset: sub-section;
        list-style: none;

        margin: 0 0 em(15);
        padding: 0 0 0 em(26);

        font-size: em(24);

        li {
            @include display(flex);

            + li {
                padding-top: rem(5);
            }

            &:before {
                display: block;
                content: counter(section) "." counter(sub-section) ".";

                counter-increment: sub-section;

                padding-right: em(8);
                color: darken($grey, 5%);
            }

            > a {
                @include flex(1);
            }
        }
    }
}

section-title,
section-list-title {
    display: block;

    margin-bottom: rem(5);

    color: $grey--darker;
    font-size: em(36);
    font-weight: 700;
    text-transform: capitalize;
}

section-title {
    padding-left: em(22, 20);
}

section-list-title {
    &:before {
        color: $grey;
        font-weight: 400;
        padding-right: em(8, 20);
        counter-increment: section;
        content: counter(section) ".";
    }
}