stylus-zh
-
Stylus TextMate Bundle
Stylus ships with a TextMate bundle, located within ./editors. To install, simply execute make install-bundle, or place ./editors/Sty…… -
Stylus FireStylus extension for Firebug
FireStylus is a Firebug extension that makes Firebug display the Stylus filename and line numbers of the Stylus-generated CSS styles rather than th…… -
Stylus Implementation Comparisons
Below we go head to head with other implementations. 变量(Variables) SCSS: $main-color: #006; color: $main-color; Less: @main-color…… -
Stylus Sourcemaps
Stylus supports basic sourcemaps according to the Sourcemap v3 spec Create a sourcemap Pass the --sourcemap flag (or -m) …… -
Stylus 块(@block)
您可以将Stylus中的任何代码块赋值给变量,然后调用它,作为参数传递或以任何其他方式重用。 To define a block, either write it down with an increased…… -
Stylus 其他 @-rules
Stylus支持大多数的CSS @规则, 如 @viewport, @page, @host, @supports 以及其他@规则,在Stylus中使用@规则可以省略花括号({}): …… -
JavaScript API
JavaScript API require模块,用给定的Stylus代码字符串调用render(),以及(可选的)optional对象。 传递filename参数可以利用Stylus框架提供更好的错误报告…… -
stylus 自检API(Introspection API)
自检API Stylus支持自我检测的API, 这允许混写以及函数反应调用者的相关性。 混写(mixin) mixin这个局部变量在函数体内自动赋值。如果调用的函数在根级别,则m…… -
stylus 连接中间件(Connect Middleware)
连接中间件 有了连接中间件,无论Stylus片段什么时候改变,这些片段都能够自动编译。 stylus.middleware(options) 选项 返回给定options下的连接中间件。 `ser…… -
stylus 错误报告(Error Reporting)
错误报告 Stylus内置梦幻般的错误报告,针对语法、解析以及计算错误,完整的堆栈跟踪,行号和文件名。 解析错误 解析错误例子: body form input == padding 5…… -
stylus 字符转码(Char Escaping)
转码 Stylus可以字符转码。这可以让字符变成标识符,或是渲染成字面量。 例如: body padding 1 \+ 2 编译成: body { padding: 1 + 2; } 注意Stylus中/当作为…… -
stylus CSS字面量(CSS Literal)
字面量CSS 不管什么原因,如果遇到Stylus搞不定的特殊需求,你可以使用@css使其作为CSS字面量解决之。 @css { body { font: 14px; } } 编译为: body { font: …… -
stylus 函数之url()
内联Data URI图像 Stylus捆绑了一个可选函数,名叫url(),其替换了字面上的url()调用(且使用base64 Data URIs有条件地内联它们)。 示例 通过require('stylu…… -
stylus 继承(@extend)
继承 Stylus的@extend指令受SASS实现的启发,基本一致,除了些轻微差异。此功能大大简化了继承其他语义规则集的语义规则集的维护。 混合书写下的“继承” 尽管你…… -
stylus 导入(@import)
导入 Stylus支持字面@import CSS, 也支持其他Stylus样式的动态导入。 字面CSS 任何.css扩展的文件名将作为字面量。例如: @import "reset.css" 渲染如下: @im…… -
stylus 迭代(Iteration)
迭代 Stylus允许你通过for/in对表达式进行迭代形式如下: for <val-name> [, <key-name>] in <expression> 例如: body for num in 1 2 3 f…… -
stylus 条件(Conditionals)
条件 条件提供了语言的刘控制,否则就是纯粹的静态语言。提供的条件有导入、混入、函数以及更多。下面的例子纯粹示例,并不是使用建议。 if / else if / else…… -
stylus 注释(Comments)
注释 Stylus支持三种注释,单行注释,多行注释,以及多行缓冲注释。 单行注释 跟JavaScript一样,双斜杠,CSS中不输出。 // 我是注释! body padding 5px // 蛋…… -
stylus 内置方法(Built-in Functions)
red(color) 返回color中的红色比重。 red(#c00) // => 204 green(color) 返回color中的绿色比重。 green(#0c0) // => 204 blue(color) 返回color中的蓝…… -
stylus 方法(Functions)
函数 Stylus强大之处就在于其内置的语言函数定义。其定义与混入(mixins)一致;却可以返回值。 返回值 很简单的例子,两数值相加的方法: add(a, b) a + b 我们…… -
stylus 插值(Interpolation)
插值 Stylus支持通过使用{}字符包围表达式来插入值,其会变成标识符的一部分。例如,-webkit-{'border' + '-radius'}等同于-webkit-border-radius. 比较好的例…… -
stylus 变量(Variables)
变量 我们可以指定表达式为变量,然后在我们的样式中贯穿使用: font-size = 14px body font font-size Arial, sans-seri 编译为: body { font: 14px Arial, …… -
Stylus CSS获取、安装、特性、基本使用方法
CSS需要有个巴神 下面中规中矩的CSS代码是否看得眼睛生茧了? body { font: 12px Helvetica, Arial, sans-serif; } a.button { -webk…… -
Stylus基本使用的快速教程
介绍 这个哥们儿学名叫 stylus,是 CSS 的预处理框架。 CSS 预处理,顾名思义,预先处理 CSS。那 stylus 咋预先处理呢?stylus 给 CSS 添加了可编程的……