RSS 朱莉娅·埃文斯
关注
告别 Tailwind,学习如何构建自己的 CSS
作者回顾了与 CSS 的旅程:起初拥抱 Tailwind 以获取其结构,如今则转向原生 CSS。这一转变源于希望更深入地理解 CSS 并提升技能。作者详述了新的 CSS 结构,包括导入的重置样式、基于组件的样式、预定义的颜色变量,以及从 Tailwind 借鉴而来的字体大小系统。同时,作者利用工具类,建立全局样式基础,并有意识地管理间距。响应式设计更多依赖 CSS Grid 布局,而非 Tailwind 以媒体查询为核心的方法。构建系统在生产环境中使用 esbuild 进行打包,尽管在开发阶段并非必需。作者阐述了迁移的关键原因,包括对构建系统的依赖、CSS 知识的提升、Tailwind 的局限性,以及对更具语义化 HTML 的追求。最后,作者讨论了 @layer 等特性,在认可 Tailwind 优势的同时,也肯定其原则的价值。