Tailwind CSS v3.0 正式发布,代号红荔


Tailwind CSS v3.0 已正式发布,新版本在性能和工作流优化方面带来了巨大的提升,同时还增加了大量新特性。

Tailwind CSS v2.0 主要更新内容:

  • 默认启用 Just-in-Time — 闪电般的快速构建时间、可堆叠的变体、支持生成任意样式、更好的浏览器性能
  • 开箱即用的各种颜色 — 包括所有扩展调色板颜色,如青色、玫瑰色、紫红色和青柠色,以及五十度的灰白色
  • 彩色的边框阴影 — 有趣的发光和反射效果,以及为彩色背景添加更自然的阴影
  • Scroll snap API — 一套全面且可组合的实用程序,用于 CSS-only 的滚动捕捉
  • 多栏布局 — 报纸布局类型
  • 原生表单控件样式 — 使复选框、单选按钮和文本输入与品牌相匹配,无需重新发明轮子
  • Print modifier — 直接从 HTML 控制网站被打印时的外观
  • 引入现代宽高比 API
  • 丰富的下划线样式
  • 新增 RTL 和 LTR 修饰符
  • 新增 Portrait 和 landscape 修饰符
  • 支持任意属性 — Tailwind 现在支持从未听说过的 CSS 属性
  • Play CDN — 新的 Just-in-Time 引擎被压缩到一个直接在浏览器中运行的 CDN 脚本中
  • 其他的实用程序 — 包括对触摸动作、意志改变、弹性基础、文本缩进、滚动行为等的支持

详细更新说明查看 https://tailwindcss.com/blog/tailwindcss-v3。


相關推薦

2023-03-31

Tailwind CSS v3.3 带来了大量的新内容,更新内容如下: 扩展的深色调色板: 在 Tailwind CSS v3.3 中,为每一种颜色都增加了一个新的950色调,这是一种更加深的色调 ESM 和 TypeScript 支持: 现在可以在 ESM 和 TypeScript 中配置 Tai

2022-10-24

Tailwind CSS v3.2 带来了大量的新内容,包括对动态断点的支持、单个项目中的多个配置文件、容器查询等等。 一个项目中使用多个配置文件 添加了一个新的 @config指令,开发者可以在 CSS 文件中使用该指令来指定用于该文件的 T

2024-07-16

community/datacap Shadcn UI Vue Admin 是一个使用 Shadcn UI (基于 Tailwind CSS) 和 Vite 和 Vue 制作的管理面板。在构建时考虑了响应能力和可访问性。 本次版本为公开版本,支持了 Tree 和 Timeline 模版功能。以下是该模版的目

2023-02-16

ion links() { return [{ rel: "stylesheet", href: stylesheet }]; } 内置 Tailwind 支持 现在可以得到你的 Tailwind 样式,而无需运行一个单独的进程。与 PostCSS 一样,你需要使用 future.unstable_tailwind 标志选择加入(目前)。 微调服务器构建 Remix

2023-05-16

tcss.config.js存在,就可以使用 PostCSS 处理所有 CSS 文件。 Tailwind 1.16.0版本通过remix.config.js中新的tailwind选项稳定了内置的 Tailwind 支持。因此,future.unstable_tailwind选项也被废弃了。 tailwind选项默认为false,但是当设置为true时,如

2022-08-11

他特性: 自带组件框架:Astro 为 React、Vue、Svelte 和 Tailwind CSS 等前端工具提供一级支持。通过 astro add 命令即可添加使用 支持静态页面生成 (SSG) 和服务器端渲染 (SSR),可以按需渲染内容 开发者体验出众:Astro 支

2023-07-26

他特性: 自带组件框架:Astro 为 React、Vue、Svelte 和 Tailwind CSS 等前端工具提供一级支持。通过astro add命令即可添加使用 支持静态页面生成 (SSG) 和服务器端渲染 (SSR),可以按需渲染内容 开发者体验出众:Astro 支持所有喜

2022-12-24

:用于 Edge 的轻量级 Node.js 运行时 Turbopack 更新:支持 Tailwind CSS、next/image、next/font、改进内存使用、改进的 CSS 模块支持 中间件的改进:可以从中间件返回响应,并在请求中设置 headers 在 Next.js 中添加了一个新的 SWC 转换,

2023-01-08

te 用户可为现有问题投票,或在此处创建一个新问题。 Tailwind CSS 插件配置。 对于 Tailwind CSS,希望能够配置自定义类名补全上下文 (WEB-48505)、自定义配置文件路径 (WEB-56546),以及一些其他选项。 一种更出色的文件引用处理方

2024-08-10

支持深色模式,方便定制主题; 丰富的CSS工具类:基于Tailwind CSS提供了丰富的CSS工具类,包括特别的语义化外观工具类,轻松实现常见布局、文字排版、动画、外观定义; 大量实用的组件:包括必备的纯CSS实现的基础组件,

2023-06-15

式发布,带来了人们期待已久的一堆新功能。 通过 tailwind.config.js 进行全面的全局主题设计 一个开箱即用的黑暗模式 一个新的 tremor CLI,帮助你更快地设置项目 更多详情可查看:https://github.com/tremorlabs/tremor/releases/tag/v

2023-04-10

新的设计 next.config.js 的快速刷新 针对 create-next-app 的 Tailwind CSS 改进的样式表加载 …… 更多详情可查看:https://github.com/vercel/next.js/releases/tag/v13.3.0

2024-06-19

n 不生效的问题。#49408 解决 Badge processing 与 Tailwind CSS 样式冲突的问题。#49379 国际化 添加蒙古语言 (mn_MN) 翻译。#49373 更新说明:https://github.com/ant-design/ant-design/releases/tag/5.18.2

2024-10-18

View Shadcn UI 是一个基于 Shadcn UI 和 Tailwind CSS 构建的组件库。 推荐一套为 Java 开发人员提供方便易用的 SDK 来与目前提供服务的的 Open AI 进行交互组件:https://github.com/devlive-community/openai-java-sdk 推荐一套功能强大的开源数