scss YAML响应（扩展子列）

Posted 2021-05-18

/* YAML Responsive */
@include breakpoint(480px,max) {

    /* linearization for grid module */
    .yaml4,
    .yaml4 > [class*="ym-g"] {
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        width: 100% !important;
    }

    /* reset defined gutter values */
    .yaml4 > [class*="ym-g"] > [class*="ym-gbox"] {
        overflow: hidden; /* optional for containing floats */
        padding: 0 !important;
        margin: 0 auto;
    }

}