cornerstone.cssvar 1.0

这是Zope浏览器资源的CSS变量扩展的一个实现。

层叠样式表没有内置的方法来定义变量并在样式表中使用它们。这个特性已经在一些CSS相关博客中讨论过，并导致了非官方的草案规范。

在早期的Zope版本中，DTML模板语言被用来在CSS中定义变量。这破坏了CSS语法，看起来很糟糕，即使在浏览器得到了正确的值，CSS启用的编辑器也会产生错误信息。

cornerstone.cssvar使用与CSS几乎兼容的语法变体来应用变量

div.foo {
    color: var(myColor);
}

如果我们使用zcml声明此类css资源，它看起来是这样的

<browser:cssvarResource
  name="foo"
  file="foo.css"
/>

如果我们使用CSS语法声明变量，我们必须在单独的文件中这样做，它看起来像这样

@variables {
    myColor: #123456;
}

变量本身需要通过请求上的名为ICSSVariables的适配器来定义。我们可以通过自己的zcml指令来注册它

<browser:cssvarDefinition
  name="foodef"
  file="foodef.css"
/>

现在我们只需要告诉我们的第一个css文件使用哪个定义。这里没有公共的语法，所以我们将其放在注释中

/# vardef(foodef) /#
div.foo {
    color: var(myColor);
}

如果我们现在在浏览器中查看http://mydomain.tld/++resource++foo，它将产生以下结果

/# vardef(foodef) /#
div.foo {
    color: #123456;
}

对于由zope.app.publisher定义的资源目录，如果导入此模块，将注册特殊CSS处理程序，以针对每个CSS文件。

本包已在 Zope 3.5dev KGS（Python 2.6）以及 Zope 2.10.7（包含 Plone 3.3 和 Python 2.4）中进行测试。