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 ¯\(ツ)/¯
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})