css lt;igt;,Tailwind CSS v2.0重磅更新~
Tailwind CSS v2.0是有史以來的第一個主要更新,其中包括:
全新的調色板,具有220種總顏色以及用于構建自己的配色方案的新工作流程支持暗模式,啟用暗模式后,動態更改設計比以往更加輕松2XL超寬斷點,用于1536px及以上的設計新的大綱環實用程序,幾乎就像使outline-radius真品一樣好實用程序友好的表單樣式,一種新的表單重置,使僅使用實用程序類即可輕松自定義表單元素(甚至復選框)每個font-size的默認行高,因為如果我們不能使用48px字體的1.5行高是非法的,則至少應使其不成為默認值擴展的間距,版式和不透明度比例,可以在微觀層次上微調事物,以巨大的標題帶來更大的影響,以及何時opacity-25還不夠且opacity-50太多的情況將@apply與任何內容一起使用,包括響應式,懸停式,焦點式和其他變體新的文本溢出實用程序,與truncate單獨使用相比,可以更精確地控制事物擴展變體,因此您可以啟用其他變體,例如focus-visible無需重新聲明整個列表或考慮順序默認情況下,將組懸停和集中在內,因為無論如何您都在每個項目上都啟用了它們默認過渡持續時間和緩和曲線,因此您只需添加17個類即可制作一個按鈕,而不是19個與IE11不兼容,因此您可以告訴樓上的那個人“抱歉老板,這是我的手,怪Tailwind”
...還有其他一些小事情。
即使Tailwind CSS v2.0是一個新的主要版本,我們仍然盡了最大的努力來最大程度地減少重大更改,尤其是那些會迫使您編輯大量模板的更改。我們已重命名了兩個類,刪除了在現代瀏覽器中不再相關的三個類,并用功能更強大的替代類替換了兩個。任何其他可能影響您的重大更改都可以通過在
tailwind.config.js
文件中添加一些小的補充來解決。升級時間不應超過30分鐘。
請查看升級指南,以獲取更多詳細信息以及有關將項目遷移到Tailwind CSS v2.0的分步說明。
如果您想使用v2.0啟動一個全新的項目,請訪問我們更新的安裝文檔以快速入門。
那全新的網站又如何呢?該死的
全新的調色板
自從我們第一次嘗試在Tailwind CSS v0.1.0天內設計通用調色板以來,我們就已經學到了很多關于顏色的知識,而v2.0代表了迄今為止的最佳嘗試。
新的調色板包括22種顏色(以前是10種),每種都有10種陰影(而不是9種),總共有220個值。
我們
50
為每種顏色添加了一個額外的淺色陰影,因此它們現在從50-900:
I can't believe it's not white.
總結
以上是生活随笔為你收集整理的css lt;igt;,Tailwind CSS v2.0重磅更新~的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 智联招聘导出的文档有横线去除方法Offi
- 下一篇: 计算机学院自然语言处理专业,哈尔滨工业大