@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
CSS
/**
* 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);
}