This package is used in all terminal2 websites and contains all base styling, components and utilities. It's based on Tailwind css framework and encourages utilities first approach.
yarn add terminal2-stylekit
Use the following webpack.mix.js
in the root of your app
let mix = require('laravel-mix');
require('terminal2-stylekit');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.terminal2();
Add tailwind & custom styles to your app.scss
file
@tailwind preflight;
@tailwind components;
@import "node_modules/terminal2-stylekit/components";
// Custom components here
@tailwind utilities;
// Custom utilities here