/**
 * @file Misc Grid Recipes
 * @description Smart snippets for miscellaneous grid layouts.
 *
 * @usage
 * <!-- Emmet: ul.g.g-4.dense>li*8 -->
 */

:where(.g, [data-display="grid"]):where(.g-d, .dense) {
    --gaf: dense;
}

:where(.g, [data-display="grid"]):where(.g-i, .inline) {
    --g-d: inline-grid;
}

:where(.g, [data-display="grid"]):where(ul, ol, li, .cl) {

    --_lis: none;
    list-style: var(--_lis);

    --li-pis: 0;
    --l-pis: 0;
    --_pis: 0;
    padding-inline-start: var(--_pis);

    /* Integrate with flow system */
    --l-flow: 0;
}