UNDER CONSTRUCTION

This project is currently in very early stages. Please understand that many things are subject to change without notice untill stable is announced.

Installation

Tailwind makes it super easy to install a plugin using npm, yarn, etc…

Tailwindcss

For a full Installation of tailwind please see their docs

Liftkit plugin

npm i -D liftkit-tailwindcss

Basic configuration

To add the plugin simply copy the require portion below.

/** tailwind.config.js **/
/** @type {import('tailwindcss').Config} */
module.exports = {
  // ...
  plugins: [
    require('liftkit-tailwindcss')({
        usePrefix: true
    }),
  ]
}

Features

This covers the classes that are added when installed.

Scaling System

The scaling system is applied to all relavent options inside the tailwind system. It can be adressed by its lk prefix. For example padding-lk-sm will result in the correct scale. The math works as follows: let B = base value to which the system scales. let P = the power this is raised to. in B^P = value; positive values result in order of magnitude high numbers. negative results in sqrt values smaller than the original.

Typography