Skip to content

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.

License

Notifications You must be signed in to change notification settings

htmlcodepreview/inline-tailwind

 
 

Repository files navigation

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>

About

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.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%