/styled-system/css"; function App() { return ( <div className={css({ fontSize: "2xl", fontWeight
没什么能阻止你在原子 CSS-in-JS 的框架上建立你自己的抽象 CSS 规则,Styled-system 就能在 CSS-in-JS 库里完成一些类似的事情。 它基于一些约定创造出一些原子规则,在 emotion 中使用它试试: import styled from '@emotion/styled'; import { typography, space, color } from 'styled-system
没什么能阻止你在原子 CSS-in-JS 的框架上建立你自己的抽象 CSS 规则,Styled-system 就能在 CSS-in-JS 库里完成一些类似的事情。 它基于一些约定创造出一些原子规则,在 emotion 中使用它试试: import styled from '@emotion/styled'; import { typography, space, color } from 'styled-system
在这个实战系列中,我们将使用 Chakra UI,这是一个基于 emotion 和 styled-system 的组件库。