/knightu

Knight University using TailwindCSS

Primary LanguageCSSMIT LicenseMIT

Knight University

A demo site for Knight University

Download:

  • composer install
  • npm install or see below for Windows

Development

  • cd ~/Homestead
  • vagrant up
  • vagrant ssh - log in to vagrant
  • cd code/knightu
  • npm run watch or npm run watch-poll - Watch and compile changes, must be done from vagrant server
  • use http://localhost:3000/ for dev

Put on Github:

  • rm -rf docs
  • npm run prod
  • npm run docs

Windows:

  • npm install --no-bin-links from Windows bash (or npm update --no-bin-links for updates)
  • sudo npm rebuild node-sass --no-bin-links from Vagrant bash

Jigsaw + Tailwind CSS Starter Kit

https://github.com/cossssmin/jigsaw-tailwindcss.git

A starter kit for using the Jigsaw static site generator with Tailwind CSS.

Netlify Status

Features

  • Webpack + Laravel Mix build system
  • tailwind.config.js config file in root, customize as needed
  • Removes unused Tailwind CSS classes with laravel-mix-purgecss
  • PostCSS instead of Sass - fewer dependencies, faster Tailwind builds
  • Basic example of @applying Tailwind CSS classes - useful for styling Markdown content
  • Includes a blade.php file where you can add your own Blade extensions (documentation)

Requirements

Getting Started

  1. Clone this repo

    git clone https://github.com/cossssmin/jigsaw-tailwindcss.git

  2. Navigate to the folder

    cd jigsaw-tailwindcss

  3. Install PHP dependencies

    composer install

  4. Install JS dependencies

    npm install

  5. Run the dev script to build the site

    npm run dev

  6. To put on github:

rm -rf docs
npm run prod
npm run docs

To use BrowserSync, run the watch script instead: npm run watch

By default, unused CSS will be purged only when running npm run production - however, this is configurable.

What is Jigsaw?

A framework for rapidly building static sites using the same modern tooling that powers your web applications. - Jigsaw

What is Tailwind CSS?

A utility-first CSS framework for rapidly building custom user interfaces - Tailwind CSS