简介
stylus-lookup 是一个 npm 包，它为 stylus 常用的颜色和字体提供了一些预定义的变量。这个包可以帮助前端开发人员更加高效地编写 stylus 样式。
安装
使用 npm 安装 stylus-lookup 包：
npm install stylus-lookup --save-dev
使用
在使用 stylus-lookup 包之前，必须在 stylus 文件中导入它：
@import 'node_modules/stylus-lookup/index.styl';
变量
使用 stylus-lookup 包之后，可以使用以下变量来设置颜色或字体等样式属性。
颜色
| 变量名 | 颜色值 |
|---|---|
$white |
#fff |
$black |
#000 |
$gray |
#808080 |
$dark-gray |
#333333 |
$light-gray |
#e0e0e0 |
$blue |
#007aff |
$red |
#ff3b30 |
$green |
#34c759 |
$yellow |
#ffc107 |
$orange |
#ff9500 |
$purple |
#5856d6 |
$pink |
#ff2d55 |
字体
| 变量名 | 字体 |
|---|---|
$sans-serif |
sans-serif |
$serif |
serif |
$monospace |
monospace |
示例代码
-- -------------------- ---- ------- ------- ---------------------------------------- ---- - ----------------- ------- ------ ----------- ------------ ------------ - -- - ------ ------ ------------ ------- - ------ - ----------------- ------- ------ ------- ------- ----- ------------ ----------- -
总结
stylus-lookup 是一款非常方便的 npm 包，它可以提高前端开发人员在编写 stylus 样式时的效率和准确性。希望本篇文章可以帮助你更好地了解使用 stylus-lookup 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/57249