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

go522000 29天前 18

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

    要不换个思路手写 scss 之类的吧.. 像大小这些可以 for 生成 不用一个个写
  • hyrious 19天前
    引用 7
    https://tachyons.io/ 这个有分类别的包如 https://github.com/tachyons-css/tachyons-colors,直接复制粘贴用就行,缺啥也自己补
  • muzuiget 19天前
    引用 8
    旧项目就是打补丁式覆盖就是了,自己定义几个常用 class 又不是难事。

    一直觉得 Tailwind CSS 这种框架纯粹蛋疼,无非就是把 style 属性的东西全变成 class 属性。
  • Hanser002 19天前
    引用 9
    5 楼正解
  • luob 19天前
    引用 10
    bootstrap 的 helper 和 utilities 部分提供的工具类还不够吗,你还需要哪些功能?
  • ragnaroks 19天前
    引用 11
    @muzuiget 这种适合非前端岗位的,不需要知道每个 style 是干啥的,只用在 class 里面填上 helper 就有那个效果
  • 游客
    12
返回