https://github.com/vanishine/tailwind-css-tailwind-labs

https://github.com/vanishine/tailwind-css-tailwind-labs

Last synced: 1 day ago
JSON representation

• Host: GitHub
• URL: https://github.com/vanishine/tailwind-css-tailwind-labs
• Owner: Vanishine
• Created: 2021-02-26T13:04:56.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-02-26T13:06:17.000Z (over 3 years ago)
• Last Synced: 2024-01-24T15:48:31.824Z (10 months ago)
• Language: HTML
• Size: 2.69 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

从 VS Code 创建文件的时候，可以不必创建中间目录，直接 New File - 'folder/filename' 即可直接自动创建中间目录。

从命令行构建自定义 Tailwind 样式

```bash

npx tailwindcss-cli build css/tailwind.css -o build/tailwind.css

```

```bash

yarn add -D tailwindcss postcss autoprefixer vite

# Generate config files:

# (`-p` is for PostCSS)

npx tailwind init -p #

```

Vite 默认以 `index.html` 为入口，并且支持自动刷新。

```html

Hello, Tailwind!

```


如果多个元素之间需要相同的间隔，那么不必所有元素都加上 `mt-*`，可以使用 `space-y-*`。

移动优先的响应式设计，逐步优化。

大屏幕可以展示更多的文字，需要的文字一般也较小。可以展示更多的文字意味着有更多空间用于呼吸，以及装饰（展示图片）。