请问,有没有类似于 tailwind css 框架一样把 CSS 提前定义好,但又不需要这么复杂的框架呢?

2021-04-09 16:38:30 +08:00
 go522000
事情是这样的,现手头上有一个旧项目,用 bootstrap 写的,有一些小修改,比如某元素向左移一点,某文字放大一点这样小修改。
为此就尝试引入 tailwind,考虑是很多样式都提前定义好,只需要增加上去,但后来发现 tailwind 除了修改一些默认样式外(比如将所有 img 定义为 dispaly: block), 还有一些样式命名与 bootstrap 是冲突的。
为此在搜索寻找,看看有没有哪个 CSS 辅助型的框架,将这些 CSS 样式定义,而又不与其它 CSS 框架冲突。
求推荐。。。
或者,能不能将 tailwind 部分样式取出来,如 text, font, margin, padding, color 等这些取出来,不要什么 hover 和 全局 * 定义的样式。
tailwind2 版本下载后好几个 M,引入到页面中简直大材小用。
1601 次点击
所在节点    问与答
10 条回复
manami
2021-04-09 16:47:29 +08:00
试试 bulma
momocraft
2021-04-09 16:49:08 +08:00
tailwind 全套可以自定义引入 包括 preflight 和 utility class
顺便解决大小问题
go522000
2021-04-09 17:06:06 +08:00
@momocraft T_T 哭,前端不熟悉,旧项目就是 HTML 文件引用 jquery 和 bootstrap 这样直接撸的项目,自定义引用内容这种不懂怎么操作。
Jirajine
2021-04-09 17:07:32 +08:00
tailwind 不是给你直接引入的啊,要配合构建系统,打包出来的结果中没有用到的全都被 postcss 去掉了。
momocraft
2021-04-09 17:15:13 +08:00
包括自己配置的 "全套" 需要 postcss

要不换个思路手写 scss 之类的吧.. 像大小这些可以 for 生成 不用一个个写
hyrious
2021-04-09 17:55:55 +08:00
muzuiget
2021-04-09 18:00:45 +08:00
旧项目就是打补丁式覆盖就是了,自己定义几个常用 class 又不是难事。

一直觉得 Tailwind CSS 这种框架纯粹蛋疼,无非就是把 style 属性的东西全变成 class 属性。
Hanser002
2021-04-09 18:11:35 +08:00
5 楼正解
luob
2021-04-09 18:20:22 +08:00
bootstrap 的 helper 和 utilities 部分提供的工具类还不够吗,你还需要哪些功能?
ragnaroks
2021-04-10 08:21:00 +08:00
@muzuiget 这种适合非前端岗位的,不需要知道每个 style 是干啥的,只用在 class 里面填上 helper 就有那个效果

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/769497

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX