argyleink / argyleink/gradient-style

“Stripes” gradient preset output is missing hint values

Open
#119 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
Svelte
Stars
87
Forks
2
PR merge metrics
No merged PRs in 30d

Description

The stripes sample is rendering solid black.

Generated output:

```
:root {
--hdr-gradient: linear-gradient(
to top right in oklab,
#fff, #000 0%, #fff 0%, #000 0%, #fff 0%, #000 0%
);
--sdr-gradient: linear-gradient(to top right, #fff, #000 0%, #fff 0%, #000 0%, #fff 0%, #000 0%);

background: var(--hdr-gradient);
}
```
If I nudge the % values in the UI the values are inserted. e.g.

```
:root {
--hdr-gradient: linear-gradient(
to top right in oklab,
#fff, 11%, #000 0% 21%, 31%, #fff 0% 41%, 51%, #000 0% 61%, 71%, #fff 0% 81%, 91%, #000 0% 99%
);
--sdr-gradient: linear-gradient(to top right, #fff, 11%, #000 0% 21%, 31%, #fff 0% 41%, 51%, #000 0% 61%, 71%, #fff 0% 81%, 91%, #000 0% 99%);

background: var(--hdr-gradient);
```

Same in Firefox (146.0b3) and a webkit browser (Orion).

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the “Stripes” preset in the UI and compare its generated CSS with the output after nudging the percentage values. Trace where the preset’s gradient stops are generated; done means the preset emits its hint values instead of repeated 0% values and renders stripes in Firefox and a WebKit browser.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.