我正在制作一个依靠块概念的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，反之亦然？