相关疑难解决方法(0)

我正在制作一个依赖于块概念的css网格系统.所以我有一个基本文件,如:

$max-columns: 4;
$block-width: 220px;
$block-height: 150px;
$block-margin: 10px;

它由mixin使用:

@mixin block ($rows, $columns, $max-columns) {
  display: block;
  float: left;
  margin: $block-margin 0 0 $block-margin;
  box-sizing: border-box;
  width: ($block-width * $columns) - $block-margin;
}

但我也想让javascript访问基本文件中的变量.我在想我可以创建一个不可见的div,并给它$ block-width,$ block-height和$ block-margin属性并从那里拉取值.但是max-columns,并没有直接映射到任何东西,所以我必须想出一个hacky方法来在div中渲染它.有没有更简洁的方法来分享从sass/css到javascript的值,反之亦然？