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.

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

Add background group #1846

Merged
merged 9 commits into from
Oct 7, 2024
Merged

Add background group #1846

merged 9 commits into from
Oct 7, 2024

Conversation

jamesnw
Copy link
Collaborator

@jamesnw jamesnw commented Sep 25, 2024

  • Adds background group
  • Adds background feature
  • Adds background-attachment
  • Adds background-color
  • Adds background-repeat
  • Adds background-size
  • Adds background-clip-border-area (key was already tagged in WPF!)

background-position has an interesting support story, will do that as a separate PR.

@github-actions github-actions bot added the feature definition Creating or defining new features or groups of features. label Sep 25, 2024
@jamesnw jamesnw marked this pull request as ready for review September 25, 2024 17:48
@vwallen
Copy link
Contributor

vwallen commented Sep 25, 2024

Looks good and will help for the remainder css-backgrounds-3

Copy link
Collaborator

@ddbeck ddbeck left a comment

Choose a reason for hiding this comment

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

OK, I've left some commentary on the descriptions (I thought I had a more substantive issue to raise, but it didn't survive closer inspection). Everything is strictly optional, so pick and choose what you'd like to do here and merge—I can open a follow up PR if there's anything that requires further discussion.

# firefox_android: "25"
# safari: "15.4"
# safari_ios: "15.4"
- css.properties.background-attachment.local
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 file a bug or PR with caniuse, showing that this whole feature is fully supported? This issue has been resolved and it seems like caniuse just hasn't caught on yet. https://bugs.webkit.org/show_bug.cgi?id=219324

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

@@ -0,0 +1,10 @@
name: background-size
description: The `background-size` CSS property sets the size of a background layer with the `contain` and `cover` keywords, or with a length or percentage.
Copy link
Collaborator

Choose a reason for hiding this comment

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

An idea for you, on how to make this a little more concrete:

Suggested change
description: The `background-size` CSS property sets the size of a background layer with the `contain` and `cover` keywords, or with a length or percentage.
description: The `background-size` CSS property scales or stretches a background based on the size of the element (with the `contain` and `cover` keywords), a length, or percentage.

@@ -0,0 +1,10 @@
name: background-attachment
description: The `background-attachment` CSS property sets whether the background layers of an element move as the element scrolls.
Copy link
Collaborator

Choose a reason for hiding this comment

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

I'm not super comfortable with "background layer" (I'm thinking of writing defensively due to @layer), so I'm going to try suggesting some changes here. Consider all of the "layer"-only suggestions optional—I'm happy to open a follow up PR if you prefer.

Suggested change
description: The `background-attachment` CSS property sets whether the background layers of an element move as the element scrolls.
description: The `background-attachment` CSS property sets whether an element's background image or gradient moves as the element scrolls.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

This is a good point, and I don't think your rewrites introduced ambiguity, they look good to me!

@@ -0,0 +1,6 @@
name: background-color
description: The `background-color` CSS property sets the fill color of an element, behind any content and background layers.
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
description: The `background-color` CSS property sets the fill color of an element, behind any content and background layers.
description: The `background-color` CSS property sets the fill color of an element, behind any content and background images or gradients.

@@ -0,0 +1,6 @@
name: background
description: The `background` CSS property is a shorthand that sets the properties of the background layers of an element.
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
description: The `background` CSS property is a shorthand that sets the properties of the background layers of an element.
description: The `background` CSS property is a shorthand that sets several background properties at once.

@jamesnw jamesnw merged commit 6b011d7 into web-platform-dx:main Oct 7, 2024
3 checks passed
@jamesnw jamesnw deleted the backgrounds branch October 7, 2024 20:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature definition Creating or defining new features or groups of features.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants