简介
stylus-lookup 是一个 npm 包,它为 stylus 常用的颜色和字体提供了一些预定义的变量。这个包可以帮助前端开发人员更加高效地编写 stylus 样式。
安装
使用 npm 安装 stylus-lookup 包:
--- ------- ------------- ----------
使用
在使用 stylus-lookup 包之前,必须在 stylus 文件中导入它:
------- ----------------------------------------
变量
使用 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