Skip to content

[css-backgrounds-4] Defined box-shadow-* as coordinating list property group #8613

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.

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

Conversation

SebastianZ
Copy link
Contributor

@SebastianZ SebastianZ commented Mar 18, 2023

Copied over the section from Level 3 about "Layering, Layout, and Other Details" of box shadows and defined the longhands as coordinating list property group with box-shadow-offset being the coordinating list base property.

I've also move the "Animatable" definition to box-shadow-offset. Though I have to admit, I am not completely sure whether it fits there.
Maybe there should be a new section "Animation of Drop Shadows" explaining this in more detail?

This patch is based on the changes of #8605 to avoid any merge conflicts. So the other one should be merged first.

This is meant to fix #8592.

Sebastian

Comment on lines 776 to 780
Animatable: by computed value,
appending blank shadows (''transparent 0 0 0 0'')
with a corresponding ''box-shadow-position/inset'' keyword as needed
to match the longer list
if the shorter list is otherwise compatible with the longer one
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I guess that this should actually be split and put the relevant part to the corresponding longhand.
So box-shadow-offset will append 0 0, box-shadow-color will append transparent, etc.

Also, to preserve the old behavior, I guess that none should be treated as 0 0 when interpolated with a non-none value?

Animatable: by computed value
Computed value: list, each item either 'none' or a pair of offsets
(horizontal and vertical) from the element‘s box
Animatable: by computed value,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you please use Animation type, as required in Web Animations? 🙏 Otherwise w3c/reffy would extract rules with fields mixing animationType/animatable.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah sorry! #8605 (comment)

@SebastianZ SebastianZ force-pushed the css-backgrounds-4-box-shadow-coordinating-list-group branch from fc898da to 48fe682 Compare March 31, 2023 22:14
@SebastianZ
Copy link
Contributor Author

Closing this PR in favor of #9186. The rest of the patch here should already be in the spec. now.

Sebastian

@SebastianZ SebastianZ closed this Aug 14, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[css-borders-4] box-shadow needs to define coordinating list base property
3 participants