Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/anibalsanchez/xt-tailwindcss-starter

A Tailwind CSS Starter. Based on Tailwind CSS, Webpack, PostCSS, and cssnano. Fully optimized for top performance.
https://github.com/anibalsanchez/xt-tailwindcss-starter

cssnano postcss tailwindcss webpack

Last synced: about 2 months ago
JSON representation

A Tailwind CSS Starter. Based on Tailwind CSS, Webpack, PostCSS, and cssnano. Fully optimized for top performance.

Host: GitHub
URL: https://github.com/anibalsanchez/xt-tailwindcss-starter
Owner: anibalsanchez
License: mit
Created: 2019-02-22T15:19:11.000Z (almost 6 years ago)
Default Branch: master
Last Pushed: 2023-03-14T19:33:56.000Z (almost 2 years ago)
Last Synced: 2024-10-03T09:53:26.954Z (3 months ago)
Topics: cssnano, postcss, tailwindcss, webpack
Language: HTML
Homepage:
Size: 1.52 MB
Stars: 21
Watchers: 4
Forks: 6
Open Issues: 7
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Tailwind CSS Starter Project

A Tailwind CSS Starter. Based on Tailwind CSS, Webpack and PostCSS. Fully optimized for top performance.

- [Tailwind CSS](https://tailwindcss.com) - The Utility-First CSS Framework. A project by Adam Wathan (@adamwathan), Jonathan Reinink (@reinink), David Hemphill (@davidhemphill) and Steve Schoger (@steveschoger).
- [Webpack](https://webpack.js.org)
- [PostCSS](https://postcss.org)

For future reference:

- [Tailwind CSS has arrived at the Joomla scene](https://blog.anibalhsanchez.com/en/10-blogging/lost-and-found/47-tailwind-css-has-arrived-at-the-joomla-scene.html)
- [anibalsanchez/XT-Tailwind-for-Joomla](https://github.com/anibalsanchez/XT-Tailwind-for-Joomla)

**Prerequisites**: Before you use this starter, you must install [Node.js](https://nodejs.org/).

To get started, clone the project (or download the ZIP file) and install the dependencies:

```sh
# Install dependencies
npm install
```

```sh
# Build with Tailwind CLI
npm run dev
```

```sh
# Serve with Parcel
npm run serve
```

The page is rendered here .

The sample page renders [my blog](https://blog.anibalhsanchez.com) layout redesigned with Tailwind ;-)

To build a production bundle run:

```sh
npm run prod
```

After that you will have a ready to deploy bundle at `/dist`

## Changelog

### 5.0.0

- Upgrade to Tailwind CSS v3 - https://tailwindcss.com/docs/upgrade-guide
- Migrate `tailwind.config.js` from `purge` to `content`
- Migrate `tailwind.config.js` remove `variants`

```sh
npm install -D tailwindcss@latest \
@tailwindcss/typography@latest \
@tailwindcss/forms@latest \
@tailwindcss/aspect-ratio@latest \
@tailwindcss/line-clamp@latest \
postcss@latest \
autoprefixer@latest
```

- Migration to Tailwind CLI - https://tailwindcss.com/docs/installation

### 4.0.0

- Update to Tailwind CSS v2.0.2
- Clean dependencies to have Tailwind CSS and WebPack
- Purge with Tailwind CSS
- Remove @fullhuman/postcss-purgecss
- Remove @tailwindcss/custom-forms
- Integrate @tailwindcss/aspect-ratio
- Integrate @tailwindcss/forms
- Integrate @tailwindcss/line-clamp
- Usability improvements, optimizations and code styling

### 3.0.0

Update to Tailwind CSS v1.2.0, including Tailwind UI support.

- Tailwind CSS v1.2.0
- Support of [Tailwind UI](https://tailwindui.com/)
- Addition of PostCSS best practices, [postcss-import](https://www.npmjs.com/package/postcss-import) and [postcss-nested](https://www.npmjs.com/package/postcss-nested)
- Minimum tailwind.config.js

## Copyright & License