Skip to content
This repository has been archived by the owner on Jun 6, 2021. It is now read-only.
/ rclsx Public archive

Javascript objects for responsive utility classes.

Notifications You must be signed in to change notification settings

myarete/rclsx

Repository files navigation

DEPRECATED

Tailwind has come a long way since publishing this! The simplicity intended from using this module violates their optimization recommendations and JIT capabilities entirely by dynamically concatenating class names, rendering the purging parser useless :) Oops! Thanks for checking it out anyway! ❤️

rclsx

Responsive CLasSnames... X ¯\(ツ)

Build Status Coverage Status

Javascript objects for responsive utility classes. Inspired by tailwind, clsx, and the IBM 80.

Installation

npm i -S rclsx

Usage

import { rclsx } from 'rclsx';

rclsx('mt-2', { sm: 'px-1 py-2', md: 'px-4 py-4' });

// => 'mt-2 sm:px-1 sm:py-2 md:px-4 md:py-4'

Todos:

  • Add checks for duplicate classNames
  • Add secondary prefixes? (ie {border: color-500 b t})

Releases

No releases published

Packages

No packages published