terminal2-stylekit

Stylekit for Terminal2 websites

Usage no npm install needed!

<script type="module">
  import terminal2Stylekit from 'https://cdn.skypack.dev/terminal2-stylekit';
</script>

README

Terminal2 Stylekit

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.

Install

yarn add terminal2-stylekit

Use

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