argyleink / argyleink/open-props

Add scalable font size import

Open
#479 2 comments 0 reactions 0 assignees View on GitHub
enhancement to be explored
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.