argyleink / argyleink/open-props
Add scalable font size import
- Dominant language
- HTML
- Stars
- 5.5k
- Forks
- 216
- PR merge metrics
- No merged PRs in 30d
Description
prototype / demo https://codepen.io/argyleink/pen/Yzgbgzm
```css
@layer demo {
.scaleable {
h1, h2, h3, h4 {
font-size: calc(1rem * pow(var(--scale, 1.4), var(--heading-scale)));
}
h1 { --heading-scale: 4 }
h2 { --heading-scale: 3 }
h3 { --heading-scale: 2 }
h4 { --heading-scale: 1 }
}
}
```
Contributor guide
No contributing guide indexed for this repository
Research direction
Start with the linked CodePen prototype and compare its scalable heading-size rules with the repository's existing font-size imports. Identify the appropriate import entry point, then verify that the scalable font sizes are available and match the prototype behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- design
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100