https://github.com/serial/tailwind-v2-starter

Tailwindcss v2 Starter. Less integration.
https://github.com/serial/tailwind-v2-starter

less starter tailwind

Last synced: 2 days ago
JSON representation

Tailwindcss v2 Starter. Less integration.

• Host: GitHub
• URL: https://github.com/serial/tailwind-v2-starter
• Owner: serial
• Created: 2022-03-08T10:09:07.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-03-08T16:05:28.000Z (almost 3 years ago)
• Last Synced: 2023-08-13T01:24:43.973Z (over 1 year ago)
• Topics: less, starter, tailwind
• Language: CSS
• Homepage:
• Size: 37.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Readme

## Installation

> npm install

## Build Tailwind css file

Run npm script `build` from package.json  

or

> npm tailwind build -i ./css/src/tailwind-src.css -o ./css/style.css

---

### @apply tailwind classes in your custom file

Use `/css/main.less` to apply properties to classes and re-build to include in single output file.

Output file is `/css/style.css`, configured in your `package.json`.

### Less to Css 

- Less, it's CSS with just a little more [lesscss.org](https://lesscss.org/)

- Get less via npm [package](https://www.npmjs.com/package/less)

- JetBrains (PhpStorm, WebStorm) watcher [configuration](https://www.jetbrains.com/help/phpstorm/transpiling-sass-less-and-scss-to-css.html#ws_sass_less_scss_syntax_highlighting)

Make sure to enable your less watcher, less watcher output path `$FileNameWithoutExtension$.css`.