sindresorhus

css-extras

Useful CSS custom functions using the new @​function rule

by sindresorhus

CSS

CSS41.3%
HTML32.7%
JavaScript26%

Commit activity

Last 12 weeks · 0 commits

Full graph →

Community health

4 of 6 standards met

Community profile →
71
✓README✓License✓Contributing✓Code of Conduct○Issue Template○PR Template
nathanstone

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)

nathanstone · 11mo ago
AmeroHan

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.

AmeroHan · 1y ago
Structured data for AI agents

Repository: sindresorhus/css-extras. Description: Useful CSS custom functions using the new @​function rule Stars: 975, Forks: 16. Primary language: CSS. Languages: CSS (41.3%), HTML (32.7%), JavaScript (26%). License: CC0-1.0. Latest release: v0.4.0 (1y ago). Open PRs: 0, open issues: 0. Last activity: 9mo ago. Community health: 71%. Top contributors: sindresorhus, AmeroHan, nathanstone.