Skip to content

Latest commit

 

History

History
50 lines (32 loc) · 1.76 KB

README.md

File metadata and controls

50 lines (32 loc) · 1.76 KB

inline-tailwind

inlinetailwind

A lightweight, cutting-edge new technology that enhances the performance and flexibility of your Tailwind CSS. Supported by all major, minor and medium sized browsers.

inline-tailwind is a fast, lightweight, cross-platform framework for building incredible, powerful cascading style sheets.

Build Status Total Users License


Documentation

For full documentation, visit mdn docs for inline-tailwind.

Installation

Inline-tailwind has great built-in support. You probably won't need to install it. Just use it in your html and you are good. You will not need to uninstall it either. inline-tailwind is so backwards compatible that it went a full circle. It supports all brand-new SSR frameworks too.

Usage

inline-tailwind has way too many features to mention in a readme file. But basically, instead of using the html attribute named "class", inline-tailwind uses the html attribute "style" to make sure your code is backwards compatible.

Tailwind (190.2kB gzip) (requires npm, tailwind CLI, CDN or standalone executable):

<div class="overflow-hidden border-4 border-solid border-black"> Hi! </div>

Inline tailwind (0 bytes uncompressed, 25 bytes gzipped) (no installation):

<div style="overflow:hidden;border: 4px solid black"> Hi! </div>