csse到css导出工具。
pycsse的Python项目详细描述
http://github.com/idlesign/pycsse
那是什么
pycsse是python中csse到css的导出工具,可以作为python模块和命令行模式运行。
要求
Python2.5+
关于CSSE
CSSE是一种非官方CSS格式扩展,引入变量和类混合 加速css的编写和逻辑组织css结构。
csse的原因是css还没有这样的功能,而sass等功能似乎过于复杂。
CSSE格式示例:
/* These are variables that can be used in place of property values. */ _vars { gap_min: 10px; gap_med: 15px; gap_max: 30px; /* Variable can reference another variable as long as the latter was previously defined. */ gap: @gap_min; } .indent_left { /* Get value from variable `gap`. */ margin-left: @gap; } .brand_box { background-color: @color_brand; margin-bottom: @gap_med; margin-top: @gap_min; color: @color_subtle; } /* One can declare additional variable as necessary. */ _vars { color_brand: #5f9ea0; color_subtle: #f0fff0; } /* Any block can borrow properties from other classes. */ blockquote { /* We borrow properties from `indent_left` class. */ mix: indent_left; /* And we borrow properties from `brand_box` class. */ mix: brand_box; margin-bottom: @gap_max; }
以上示例被转换为以下css:
.indent_left { margin-left: 10px; } .brand_box { background-color: #5f9ea0; margin-bottom: 15px; margin-top: 10px; color: #f0fff0; } blockquote { margin-bottom: 15px; margin-left: 10px; background-color: #5f9ea0; margin-top: 10px; color: #f0fff0; }
用法
- 如果要将其用作模块,请执行导入pycsse。使用CsseParser和CssExporter类。
- 将/pycsse.py-h放到命令行中,以获取有关实用程序使用的帮助。
烹饪提示
将csse从mycsse.css导出到名为mycss.css的小型css文件中:
./pycsse.py -o my_css.css my_csse.css
将所有扩展名为.csse的csse文件从目录导出到一个缩小的css:
./pycsse.py -o my_css.css --source_ext .csse /home/user/web/my_css_dir/
使用监视模式自动从源目录导出所有.css文件:
./pycsse.py -o my_auto_css.css --watch /home/user/web/my_css_dir/