【问题标题】:Css variables with twind.js带有 twind.js 的 CSS 变量
【发布时间】:2021-07-25 22:43:24
【问题描述】:

我正在尝试使用 twind 添加自定义主题,有没有办法将 css 变量与 https://twind.dev/ 一起使用?

【问题讨论】:

    标签: tailwind-css tailwind-in-js twind


    【解决方案1】:

    你可以关注这个:https://twind.dev/handbook/configuration.html#theme

    而不是

    gray: colors.trueGray
    

    你可以使用 CSS 变量

    gray: 'var(--color-bluegray-300)'
    

    感谢来自上层作用域的变量。

    【讨论】:

    • 它不工作。我以前用 tailwindcss 做过这个,但问题是 twind 无法以某种方式识别扩展颜色。
    • 也许他们没有extend,你应该依靠自己写所有的颜色。
    猜你喜欢
    • 1970-01-01
    • 2017-05-12
    • 1970-01-01
    • 2021-12-07
    • 1970-01-01
    • 1970-01-01
    • 2017-06-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多