/* Article Lists */

[data-list] {

    --list-icon-width: 24px;
    --list-icon-height: 24px;
    --list-icon-background-repeat: no-repeat;
    --list-icon-background-position: center;
    --list-icon-background-size: contain;
    --list-icon-background-image: none;

    & ul {

        list-style: none;
        padding: 0 !important;
        margin: 0;

        li {
            position: relative;
            padding-left: 30px;
        }

        li::before {
            content: ' ';
            position: absolute;
            left: 0;
            width: var(--list-icon-width, 24px);
            height: var(--list-icon-height, 24px);
            background-repeat: var(--list-icon-background-repeat, no-repeat );
            background-position: var(--list-icon-background-position, center );
            background-size: var(--list-icon-background-size, contain );
            background-image: var(--list-icon-background-image, none );
        }

    }

}


[data-list="check"] {
    --list-icon-background-image: url('/images/svg/check.svg');
    --list-icon-background-size: 16px;
}

[data-list="checkmark"] {
    --list-icon-background-image: url('/images/svg/checkmark.svg');
    --list-icon-background-size: 16px;
}

[data-list="arrow"] {
    --list-icon-background-image: url('/images/svg/arrow-right.svg');
    --list-icon-background-size: 16px;
}






/*[data-list="check"] ul > li::before {*/
/*    background-image: url('/images/svg/check.svg');*/
/*    background-size: 16px;*/
/*}*/

/*[data-list="checkmark"] ul > li::before {*/
/*    background-image: url('/images/svg/checkmark.svg');*/
/*    background-size: 16px;*/
/*}*/

/*[data-list="arrow"] ul > li::before {*/
/*    background-image: url('/images/svg/arrow-right.svg');*/
/*    background-size: 16px;*/
/*}*/