Lightweight helpers to compose class names and inline styles using variants. Zero runtime deps, small bundle, and first-class TypeScript support.
Tailwind CSS variants for email client CSS targeting hacks
PostCSS plugin for generating functional css variants.
Design system with CSS variants and React components
Tailwind CSS variants for detecting the interaction media features of a device.
Tailwind CSS variants utilities with enhanced functionality and advanced type safety
A utility function for grouping Tailwind CSS variants.
A comprehensive React component library for country, currency, timezone, language, and division picking. Supports both vanilla CSS and shadcn/Tailwind CSS variants.
🦄 Tailwindcss first-class variant API
A utility for creating type-safe Tailwind CSS variants.
Package to write tailwind css classes in multiline format with support for css variants as object keys
Geist is a new font family for Vercel, created by Vercel in collaboration with Basement Studio.
Extractor arbitrary variants for utilities
The Material Components for the web menu surface component
Unicode variant string matching
The Material Components for the web tab indicator component
Utilities and variants for styling Radix state
No description provided.
Read the docs: https://styled-system.com/variants
A Tailwind CSS plugin that adds support for ARIA attributes
Core library for Salty CSS. Will be used by other Salty CSS libraries and plugins.
An unopinionated, scalable, tailwindcss theming solution
Spectrum Web Components are a [`LitElement`](https://lit-element.polymer-project.org)-powered web component library implementing Adobe's Spectrum design system. This package defines the CSS custom properties that implement design tokens from [Spectrum Tok
This Tailwind CSS plugin provides custom variants to apply styles to apps that are running on the [ToDesktop](https://www.todesktop.com) platform. There are also platform specific variants that target Windows, macOS, and Linux.
Fleek automatically injects any updates stylesheets when you change and save a file. This allows for faster iteration when working in CSS or any variant of it.
Tailmix provides a powerful DSL to define component attribute schemas, including variants, compound variants, and states. It enables clean, co-located presentational logic (CSS classes, data attributes, ARIA roles) and offers a rich runtime API for dynamic manipulation, perfect for Hotwire/Turbo.
This gem provides a simple way to generate Google Fonts URLs with custom font names, weights, and variants. It supports embedding fonts into your web projects effortlessly by generating URLs or complete CSS links, ensuring compatibility with all font styles and weights available in the Google Fonts library.
A small concern you mix into your base ViewComponent class to declare base styles, variants, and conditional CSS classes declaratively. Smart-merges Tailwind utility classes (spacing, modifier prefixes, arbitrary values) so callers can safely override per-instance styles.
<p>Sass or the much better approach of scss is really helpful and a big silver bullet for my css structuring in ruby projects.</p> \ <p>Standard sass command works for whole directories or single files only. In general it gets the jobs we want done, but in practical usage i think the sass command tool is a little bit unconvinient. A common scenario for me is, \ that you have whole bunch of sass files, which you want to compile to a single compressed output file. But if you have splitted your sass files in component based modules and you want to watch the complete folder you have to care for dependency handling in each file, because each file will be compiled for its own.</p> \ <pre># compiling a complete folder with scss ~ $ sass css/scss:css/compiled</pre> \ <p>So converting the whole folder is not what i want, because i don\'t want to import for example my color.sass config file in each module again. Compiling a single file seems to be the better solution, and it works in general, as expected, but the devil is in the detail. </p> <pre># compiling a single file where the other files are imported. ~ $ sass css/scss/main.scss:css/compiled/main.css</pre> \ <p>If we change a file with impact to our main.sass file, the --watch handle will not get it, because it observes only the timestamp of the given main.sass.</p> <p>Here is it, where mindful_sass tries to help out. You use it according to the single file variant of sass, but it tries to observe the whole folder the given sass file is placed. If a timestamp of file in the sass folder or its children changes it will compile the specified main.sass again.</p> \ <p>This gem is not aimed to replace anything in the sass universe. It is only a wrapper to avoid the described unconvinience, and i hope that it gets useless as fast as possible, because the sass development gets this feature done for themselves.</p> \ <p>Thanks anyway to the sass developer team.</p>
Turbo Overlay turns any controller action into a modal- or drawer-friendly endpoint. A single stack container on the host page receives streamed overlays; the gem detects overlay requests, swaps in an overlay layout, exposes a request variant for view-level customization, and ships a custom turbo-stream action plus Stimulus controllers for opening, stacking, and closing overlays. Themes for Tailwind, Bootstrap 5, Bootstrap 3, and plain CSS are installable via generator.