@spencerwmiles/tailwind-material-symbols
Version:
Tailwind CSS v4 utilities for Google's Material Symbols variable font. Compatible with tailwind-merge.
25 lines (23 loc) • 823 B
CSS
/**
* Material Symbols Rounded - Tailwind CSS v4 Plugin
*
* Provides utilities for Google's Material Symbols Rounded variable font.
* Compatible with tailwind-merge.
*
* This import only includes the Rounded 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/rounded.css';
@theme {
--font-family-material-symbols-rounded: 'Material Symbols Rounded';
--font-family-material-symbols: var(--font-family-material-symbols-rounded);
}