Tailwind CSS 是一个功能类优先的 CSS 框架,它由 Adam Wathan 创建。本站提供 Tailwind CSS 官方文档中文翻译致力于为广大国内开发者提供准确的中文文档,助力开发者掌握并使用这一框架。
/** @type {import('tailwindcss').Config} */ module.exports = { theme: { extend: { typography: ({ theme }) => ({ pink: { css: { '--tw-prose-body': theme('colors.pink[800]'), '--tw-prose-headings': theme('colors.pink[900]'), '--tw-prose-lead': theme('colors.pink[...
使用响应式功能变体构建自适应的用户界面。 概述 Tailwind 中的每个功能类都可以有条件的应用于不同的断点,这使得您可以轻松的构建复杂的响应式界面而不用离开 HTML。 根据常用的设备分辨率方案,默认内置了 5 个断点: 断点前缀最小宽度CSS sm640px@media (min-width: 640px) { ... } ...
Tailwind CSS Developer Docs Release Notes User Guides Company Handbook Quick search...⌘K Back to home Warning You're browsing the documentation for an old version of Webiny. Consider upgrading your project to Webiny5.41.x. Core Development Concepts > Extending and Customizing...
1. Installeslintandeslint-plugin-tailwindcss You'll first need to installESLint: $ npm i -D eslint eslint-plugin-tailwindcss 2. Create Configuration file .eslintrc Use .eslintrc.* file to configure rules in ESLint < v9. See also:https://eslint.org/docs/latest/use/configure/. ...
// tailwind.config.js const plugin = require('tailwindcss/plugin') module.exports = { plugins: [ plugin(function({ addUtilities }) { const newUtilities = { '.skew-10deg': { transform: 'skewY(-10deg)', }, '.skew-15deg': { transform: 'skewY(-15deg)', }, } addUtilities(newUt...
React组件可以通过使用CSS来定义样式,其中一种流行的CSS框架是Tailwind CSS。 Tailwind CSS是一个高度可定制的CSS框架,它提供了一组预定义的样式类,可以直接应用于HTML元素。它的设计理念是通过组合这些类来构建界面,而不是编写自定义CSS样式。这种方法使得开发人员可以快速构建和修改界面,同时保持一致性和可维护性。
dracula/tailwindPublic NotificationsYou must be signed in to change notification settings Fork1 Star52 master BranchesTags Code Folders and files Name Last commit message Last commit date Latest commit nickgraffis Merge pull request#11from dracula/readme-update ...
<!-- ... --> I'm a paragraph. Customizing Font Families By default Tailwind provides three font family utilities: a cross-browser sans-serif stack, a cross-browser serif stack, and a cross-browser monospaced stack. You can change, add, or remove these by editing thetheme.fontFamily...
Removing unused CSS Basic usage To get started, provide an array of paths to all of your template files using thepurgeoption: // tailwind.config.jsmodule.exports={purge:['./src/**/*.html','./src/**/*.vue','./src/**/*.jsx',],theme:{},variants:{},plugins:[],} ...