Commit activity
Last 12 weeks · 0 commits
Community health
4 of 6 standards met
71
✓README✓License✓Contributing✓Code of Conduct○Issue Template○PR Template
Recent fixes
Each example now includes a comment showing what the CSS output would be or describing the behavior. The outputs help users understand: Exact values for mathematical functions (e.g., --negate(1em) → -1em) Color transformations with color space notation (e.g., oklab(), oklch(), rgb()) Responsive behaviors for fluid functions (e.g., viewport-based scaling) Descriptive outputs for complex functions (e.g., multi-layered shadows, elastic easing)
The demo site at https://sindresorhus.com/css-extras/example.html looks great in light mode but it has bad contrast in dark mode:
This PR adds a function that calculates the proportion of two values (`calc( / )calc()transform: scale(tan(atan2(, )));viewBoxtan(atan2(, ))--proportion()` function in this PR does.
Structured data for AI agents
Repository: sindresorhus/css-extras. Description: Useful CSS custom functions using the new @function rule Stars: 970, Forks: 15. Primary language: CSS. Languages: CSS (41.3%), HTML (32.7%), JavaScript (26%). License: CC0-1.0. Latest release: v0.4.0 (8mo ago). Open PRs: 0, open issues: 0. Last activity: 5mo ago. Community health: 71%. Top contributors: sindresorhus, AmeroHan, nathanstone.