//
// 网格
// ============================================================


// 网格
// ------------------------------------------------------------
// 列
@each $styleName,$styleVal in $media
    @if($styleName == "xs")
        +grid-class(xs, false)

    @else
        @media #{$styleVal}
            +grid-class($styleName, false)

@each $styleName,$styleVal in $screen-size
    @media screen and (max-width: #{($styleVal / ($styleVal * 0 + 1)) - 1 + 'px'})
        +grid-class($styleName, true)

// 行
.row
    @extend .flex-wrap-wrap