[csswg-drafts] Pull Request: [css-images-4][css-backgrounds-4] Added stripes() function

SebastianZ has just submitted a new pull request for https://github.com/w3c/csswg-drafts:

== [css-images-4][css-backgrounds-4] Added stripes() function ==
This change is meant to convert the [resolution of #2532](https://github.com/w3c/csswg-drafts/issues/2532#issuecomment-402327492) into spec. text.

It adds the `stripes()` function as a generally usable function as discussed in #2532 to CSS Images 4.

Note that I changed the syntax slightly to incorporate the `fr` unit mentioned in @LeaVerou's description. I did that by adding the `<flex>` value defined in CSS Grid 1, though the definition there currently focuses on the usage within grid layout. So its description either might need to be changed/generalized or the unit needs to be defined again within CSS Images 4. I'd prefer to generalize it (and maybe even move it to CSS Values 4).

The `stripes()` function is then used as a replacement for the colors list defined for `border-*-color` in CSS Backgrounds 4.

Reading through the discussions, a few things were still unclear to me or were discussed but not resolved on.

1. What's the behavior when the width of the image the `stripes()` function is used in is smaller or bigger? I've defined that the rest is transparent when the stripes thickness is smaller and that the stripes are clipped when they are bigger than the image, as that seems to be what people were in favor of in the discussion.
2. Should the stripes be painted inwards or outwards? For now I kept the definition of "starting outwards", though to me it seems a bit counter-intuitive that the borders go inwards. Also, the wording may be clarified further.
3. Should there be a description of how stripes (or generally `border-color`) interact with `border-style`? Clipping was mentioned in the discussion, also treating `inset`, `outset`, `groove`, and `ridge` as solid.

Also note that this change is based on #7014, because without those changes Bikeshed won't compile the spec.

Sebastian

See https://github.com/w3c/csswg-drafts/pull/7029


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 9 February 2022 23:20:20 UTC