目录
前言
stylus 是 CSS 的预处理框架之一。它的特点是:不需要写 CSS 的冒号、分号、大括号,与LESS、SASS 的功能类似。
一、安装 stylus
npm i -D stylus stylus-loader
二、使用 stylus
1、注释
2、变量
$bc = "#333"
span
background-color $bc
3、函数
(1)、内置函数
(2)、自定义函数
(3)、函数的参数
4、插值(Interpolation)
5、混合(Mixins)
6、条件
7、迭代(Iteration)
后序
导入(@import)、媒体查询(@media)、动画(@keyframes)、定义字体(@font-face)、继承(@extend)详见: