受python启发的sass，比如css预处理器
CleverCSS2的Python项目详细描述
===
clevercss
==
clevercss是一种受python启发的css小型标记语言，可用于以干净和结构化的方式构建样式表。在许多方面，它比css2更干净、更强大。
css最明显的区别在于语法：它是基于缩进的，而不是平面的。虽然这显然违背了python的禅，但对于结构样式来说，这是个好主意。
`
这与普通css@imports类似，但需要一个ccss文件，然后对其进行
分析，允许跨工作表变量
backstrings（文本css）
--------
`（commit）<；http://github.com/worldmaker/clevercss/commit/66b86c61454daae57a504185df359437c483ae8>；`
有时候聪明对自己的利益来说有点太聪明了，你只想直接把一些东西传递给css。例如，
不是rgb（）或url（）的函数需要转义。添加了一个简单的新
反勾号包围的字符串格式，它将被逐字传递，而不需要进一步处理。示例：
。渐变：
背景：`-moz线性渐变（…）`
`（commit）<；http://github.com/jabapyth/clevercss/commit/f5a98c9b29d57b6543cc2cc87728061148c13588>；`\br/>
通常在css中，您将拥有所有ui元素的图像，然后使用
背景定位提取图像的一部分。通过“spritemap（fn）”调用，clevercss可以帮助您
。例如：
ui=spritemap（'ui.sprites'）
some_button=$ui.sprite（'some_button.png'）
other_button=$ui.sprite（'other_button.png'）
div.some_button:
背景：$some_button
其他按钮：
背景：$other_button
宽度：$other_button.width（）
高度：$other_button.height（）
混音！
---
BR/>目前只有部分混合支持——参数还没有实现。但他们会…很快的某个时候。不管怎么说，宏的语法是[目前]相当的pythonic:：
def宏：
颜色：红色
边框宽度：5px-1px
因此，有一些不一致的魔法在起作用。
注意
基于缩进的语法和嵌套规则的方式：
边距：0
填充：0
li:
填充：0.4em
边距：0.8em
h3:
字体大小：1.2em
p:
填充：0.3em
p.meta:
文本对齐：right
color:ddd
当然，您可以在css中执行同样的操作，但是由于它的扁平特性，
代码看起来会更详细。下面这段代码是上述文件的聪明输出：
ul
ul
ul
评论{
边距：0；
>填充：0；
>
ul
评论li，
评论{
填充：0.4em；
边距：0.8em 0.0 0.8em；
ul评论李h3，
ol comments li h3{
字体大小：1.2em；
}
填充：0.3em；
}
文本对齐：右；
颜色：ddddddddd；
}
，但这只是一个小例子，说明你可以用聪明来做什么。看看下面的更详细的信息，请参阅Clevercs的文档。
clevercss
==
clevercss是一种受python启发的css小型标记语言，可用于以干净和结构化的方式构建样式表。在许多方面，它比css2更干净、更强大。
css最明显的区别在于语法：它是基于缩进的，而不是平面的。虽然这显然违背了python的禅，但对于结构样式来说，这是个好主意。
`
这与普通css@imports类似，但需要一个ccss文件，然后对其进行
分析，允许跨工作表变量
backstrings（文本css）
--------
`（commit）<；http://github.com/worldmaker/clevercss/commit/66b86c61454daae57a504185df359437c483ae8>；`
有时候聪明对自己的利益来说有点太聪明了，你只想直接把一些东西传递给css。例如，
不是rgb（）或url（）的函数需要转义。添加了一个简单的新
反勾号包围的字符串格式，它将被逐字传递，而不需要进一步处理。示例：
。渐变：
背景：`-moz线性渐变（…）`
`（commit）<；http://github.com/jabapyth/clevercss/commit/f5a98c9b29d57b6543cc2cc87728061148c13588>；`\br/>
通常在css中，您将拥有所有ui元素的图像，然后使用
背景定位提取图像的一部分。通过“spritemap（fn）”调用，clevercss可以帮助您
。例如：
ui=spritemap（'ui.sprites'）
some_button=$ui.sprite（'some_button.png'）
other_button=$ui.sprite（'other_button.png'）
div.some_button:
背景：$some_button
其他按钮：
背景：$other_button
宽度：$other_button.width（）
高度：$other_button.height（）
混音！
---
BR/>目前只有部分混合支持——参数还没有实现。但他们会…很快的某个时候。不管怎么说，宏的语法是[目前]相当的pythonic:：
def宏：
颜色：红色
边框宽度：5px-1px
因此，有一些不一致的魔法在起作用。
注意
基于缩进的语法和嵌套规则的方式：
边距：0
填充：0
li:
填充：0.4em
边距：0.8em
h3:
字体大小：1.2em
p:
填充：0.3em
p.meta:
文本对齐：right
color:ddd
当然，您可以在css中执行同样的操作，但是由于它的扁平特性，
代码看起来会更详细。下面这段代码是上述文件的聪明输出：
ul
ul
ul
评论{
边距：0；
>填充：0；
>
ul
评论li，
评论{
填充：0.4em；
边距：0.8em 0.0 0.8em；
ul评论李h3，
ol comments li h3{
字体大小：1.2em；
}
填充：0.3em；
}
文本对齐：右；
颜色：ddddddddd；
}
，但这只是一个小例子，说明你可以用聪明来做什么。看看下面的更详细的信息，请参阅Clevercs的文档。
欢迎加入QQ群-->： 979659372
