Sass 基础：使用不同的总柱数嵌套格线

我使用的是一个基本的

12列
网格，它工作得非常好。这是我的
\u设置。scss

$grid-row-width: $global-width;
$grid-column-count: 12;
$grid-column-gutter: (
        small: 20px,
        medium: 30px,
);
$grid-column-align-edge: true;
$grid-column-alias: 'columns';
$block-grid-max: 8;

这是我的标记：

<div class="grid-container wrapper">
    <div class="grid-x grid-margin-x">
        <div class="cell medium-12"></div>
    </div>
</div>

有什么办法可以做到这一点吗？
似乎仅仅使用类名是无法解决的。但是您可以使用
xy-cell-size（）

这是我更新的
scss
：

.custom-medium-24 {
    width: xy-cell-size(24 of 24);

    @include breakpoint(small only) {
        width: 100%;
    }
}

.custom-medium-14 {
    width: xy-cell-size(14 of 24);

    @include breakpoint(small only) {
        width: 100%;
    }
}

感谢评论中的提示
 >你尝试了<代码>中12/<代码>而不是<代码>中24？@ GiBieAlAsAy是的，但是这不起作用，因为默认是“代码> 12 COLI/CARD> GRID。请不要使用<代码>基金会<代码>标签，因为这是OSX框架基础，而不是基础站点（从Zurb基金会开始）；看，再往下看，其他的混合体像。
.custom-medium-24 {
    width: xy-cell-size(24 of 24);

    @include breakpoint(small only) {
        width: 100%;
    }
}

.custom-medium-14 {
    width: xy-cell-size(14 of 24);

    @include breakpoint(small only) {
        width: 100%;
    }
}