1.0.1
This theme uses Tailwind CSS framework so it needs to compile CSS styles first. Laravel mix is used for Tailwind styles building.
Your source files are stored within assets/src directory.
Built files are stored within assets/build directory.
OctoberCMS then references to assets/build/css/app.css style file and assets/build/js/app.js script file.
- Change your active directory to theme directory
$ cd ./themes/tailwind-css-starter-theme
- Install dependencies
$ npm install
- Start developing
$ npm run watch
- For production build use this command (instead of
watch)
$ npm run prod
Commands from 3. and 4. steps will build your source files from assets/src directory into assets/build directory.
Tailwind configuration file is present in ./tailwind.config.js. You can refresh this configuration file using these commands sequention:
- Firstly, delete old config file:
$ rm ./tailwind.config.js
- Generate a new config file now.
- For minimal configuration file use this command:
$ npx tailwind init
- For full configuration file use this command:
$ npx tailwind init --full