Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[css-images] 1D "painting area" for stripes() is confusing #8160

Open
Loirooriol opened this issue Nov 30, 2022 · 3 comments · May be fixed by #10777
Open

[css-images] 1D "painting area" for stripes() is confusing #8160

Loirooriol opened this issue Nov 30, 2022 · 3 comments · May be fixed by #10777
Labels
css-images-4

Comments

@Loirooriol
Copy link
Contributor

stripes() keeps referring to a "painting area", e.g.

a <percentage> is relative to the painting area

But this is very confusing since an area is 2D but stripes() is a <1d-image>. And for example,

width: 0;
height: 0;
border: 50px solid;
border-radius: 100%;
border-color: stripes(blue 50%, orange 50%);

I think it would look like the image below, so the actual areas are in a proportion of 1:4, not 1:1

I think "painting area" should be renamed to something like "length of the paint line".
@Loirooriol Loirooriol mentioned this issue Nov 30, 2022
Merged
@SebastianZ
Copy link
Contributor

I agree that "painting area" sounds confusing, though @fantasai already changed that term to "total width". So I guess this issue can already be closed.

Sebastian

@Loirooriol
Copy link
Contributor Author

a71367a That's good, but I'm now it seems that each consumer of <image-1D> should define both the paint line and the total width. Maybe just define the total width as the length of the paint line?

@SebastianZ SebastianZ linked a pull request Aug 24, 2024 that will close this issue
Open
@SebastianZ
Copy link
Contributor

Maybe just define the total width as the length of the paint line?

I did just that now in #10777.

Sebastian

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
css-images-4
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

[css-images-4] Clarified that total width is length of paint line SebastianZ/csswg-drafts
2 participants
@SebastianZ @Loirooriol