java - 在less和coffeescript之间共享变量？

Question

是否可以在 Play 中的(CSS) 和(JavaScript) 之间共享变量。LessCoffeScript

较少的：

@width: 600px;
@height: 800px;

.right {
  width: @width;
  height: @height;
}

咖啡脚本：

width = 600
height = 800

stage = new Kinetic.Stage(
  container: 'mainCanvas'
  width: width
  height: height
)

我发现必须在两个文件中重复自己非常不方便。

自然，我希望能够在更高的抽象层定义宽度和高度。

当然，任何更通用且可应用于任何框架的技术也是值得赞赏的。

Answer 1

就我而言，没有办法。

也许您可以在 CSS 中定义一个类并仅从样式调整宽度和高度。

Answer 2

如果您只是尝试通过 jquery 设置 css 类怎么办？

stage = new Kinetic.Stage
    container: 'mainCanvas'
    width: 0
    height: 0

mc = $("#mainCanvas")
#assuming that mainCanvas is the element you want to style
mc.addClass "right"

Answer 3

罗塞塔是您正在寻找的。

---

从 npm 页面...

示例假设您想要创建一个共享变量：

$thumbnailSize = 250px

Rosetta 允许您在 Javascript 中使用此变量：

var rosetta = require('./rosetta');
console.log('Thumbnail size is:', rosetta.thumbnailSize.val);

...和您的 CSS（在本例中为 Stylus 文件）：

@import rosetta
.thumb { 
  width: $thumbnailSize
  height: $thumbnailSize
}