UNPKG

@spencerwmiles/tailwind-material-symbols

Version:

Tailwind CSS v4 utilities for Google's Material Symbols variable font. Compatible with tailwind-merge.

25 lines (23 loc) 810 B
/** * Material Symbols Sharp - Tailwind CSS v4 Plugin * * Provides utilities for Google's Material Symbols Sharp variable font. * Compatible with tailwind-merge. * * This import only includes the Sharp variant to minimize bundle size. * * Based on Material Symbols by Google, packaged by @marella/material-symbols * https://github.com/marella/material-symbols * * Material Symbols supports 4 variable font axes: * - FILL (0-1): Filled vs outlined (default: filled) * - wght (100-700): Font weight * - GRAD (-25 to 200): Grade/emphasis * - opsz (20-48): Optical sizing */ @import './_base.css'; @import 'material-symbols/sharp.css'; @theme { --font-family-material-symbols-sharp: 'Material Symbols Sharp'; --font-family-material-symbols: var(--font-family-material-symbols-sharp); }