在前端开发中，样式表的重要性不言而喻。然而，我们往往需要拿起从头开始编写样式表，这不仅费时费力，还可能已经有人写过重复的样式。
为了解决这个问题，@reuseely 创造了一组样式库，旨在提供前端开发所需的基本样式和工具。其中，@reuseely/styles 是其中的一个 npm 包，提供各种常见样式，可以方便地集成到你的项目中。
安装
使用 npm 安装 @reuseely/styles：
--- ------- ---------------- ------
使用
在项目中引入 @reuseely/styles：
------- --------------------
现在，你可以在项目中使用 @reuseely/styles 中的各个类了。例如，我们可以使用以下类来修改文字颜色、字体大小和行高：
-- ------------------- ----- ------------- ----------
这将会将这段文字呈现为主要颜色，字体大小 30px，行高 40px。
在 @reuseely/styles 中，还有很多其他的类可供使用。你可以在文档中查看所有的类，或者通过 node_modules/@reuseely/styles/_variable.scss 文件来查看相应的变量和值列表。
示例
以下是一个在 React 中使用 @reuseely/styles 的示例：
------ ----- ---- --------
------ ------------
------ -------------------
-------- ----- -
------ -
---- ----------------
------- --------------------- ------------
--- ------------------------ -----------
---------
------
-- --------------------- ----------- -- - ------ --------------
-------
------
--
-
------ ------- ----在这个示例中，我们在 App.css 文件中导入了 @reuseely/styles，然后将其应用于元素中。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60067380890c4f72775841e1