css▌

Utility-first CSS framework patterns for responsive, component-based styling with Tailwind v4.1+. \n \n Covers responsive design with mobile-first breakpoints, flexbox/grid layouts, spacing scales, typography, colors, and interactive states \n Includes CSS-first configuration via @theme directive, custom utilities, and container queries for modern styling workflows \n Provides 10+ component patterns (cards, navigation, forms, modals) with accessibility guidelines and dark mode support \n Support

CSS architecture patterns for scalable, maintainable styling systems across teams and projects. \n \n Covers three core methodologies: BEM (Block Element Modifier) for component naming, SMACSS for modular organization, and CSS-in-JS with Styled Components for dynamic styling \n Includes reference guides for CSS Variables, Utility-First CSS (Tailwind pattern), and practical implementation examples \n Best suited for large-scale stylesheets, component-based design systems, and multi-team collabora

css

This skill provides a reference for writing modern, robust, and efficient CSS.

Utility-first CSS framework for rapid UI development with responsive design and dark mode support. \n \n Provides single-purpose utility classes for layout, spacing, typography, colors, and effects without writing custom CSS \n Includes mobile-first responsive breakpoints (sm, md, lg, xl, 2xl) and built-in dark mode with class or media strategy \n Supports framework integration with React, Next.js, Vue, Svelte, and others; includes official plugins for forms, typography, and aspect ratios \n Off

Compiles Tailwind CSS for Hyvä themes in Magento 2. Handles both production builds and development watch mode.