首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏秃头开发头秃了

    Panda CSS 确实很适合用来写UI库(CSS-in-JS)

    /styled-system/css"; function App() { return ( <div className={css({ fontSize: "2xl", fontWeight

    ); } export default App; styled-system/css 目录是用 panda 构建的结果。运行一次构建,然后启动 Vite。 /styled-system/patterns"; function App() { return ( <div className={center({ bg: /styled-system/patterns"; import { button } from ". /styled-system/css"; import { button } from ".

    1.6K20编辑于 2023-08-23
  • 来自专栏前端从进阶到入院

    Facebook 重构:抛弃 Sass \u002F Less ,迎接原子化 CSS 时代

    没什么能阻止你在原子 CSS-in-JS 的框架上建立你自己的抽象 CSS 规则,Styled-system 就能在 CSS-in-JS 库里完成一些类似的事情。 它基于一些约定创造出一些原子规则,在 emotion 中使用它试试: import styled from '@emotion/styled'; import { typography, space, color } from 'styled-system

    3.8K50编辑于 2022-11-28
  • 来自专栏前端从进阶到入院

    Facebook 重构:抛弃 Sass / Less ,迎接原子化 CSS 时代

    没什么能阻止你在原子 CSS-in-JS 的框架上建立你自己的抽象 CSS 规则,Styled-system 就能在 CSS-in-JS 库里完成一些类似的事情。 它基于一些约定创造出一些原子规则,在 emotion 中使用它试试: import styled from '@emotion/styled'; import { typography, space, color } from 'styled-system

    3.4K10发布于 2021-01-18
  • 来自专栏Cellinlab's Blog

    React 应用架构实战 0x2:构建和文档化组件

    在这个实战系列中,我们将使用 Chakra UI,这是一个基于 emotion 和 styled-system 的组件库。

    1.4K10编辑于 2023-05-17
  • 领券