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

[css-borders-4] Specify corner-shape based on superellipse #11606

Merged
merged 14 commits into from
Jan 30, 2025

Conversation

noamr
Copy link
Collaborator

@noamr noamr commented Jan 30, 2025

This specifies the corner-shape group, including:

  • general description and interaction with border-radius
  • all the individual corners, side shorthands, and overall shorthand
  • multiple keywords, and how they translate to a superellipse()
  • The superellipse formula, and how it is rendered
  • How the exponent of the superellipse interpolates

Open issues (will open separately):

  • Add a few examples
  • Resolve on "straight" vs "none" for the convex angle.
  • Resolve on the exact interpolation formula
  • Define restrictions for border rendering

This overwrites the existing corner-shape definition.

Closes #10993
Based on resolution #10993 (comment)

This specifies the `corner-shape` group, including:
- general description and interaction with border-radius
- all the individual corners, side shorthands, and overall shorthand
- multiple keywords, and how they translate to a `superellipse()`
- The superellipse formula, and how it is rendered
- How the exponent of the superellipse interpolates

Open issues (will open separately):
- Add a few examples
- Resolve on "straight" vs "none" for the convex angle.
- Resolve on the exact interpolation formula
- Define restrictions for border rendering

Closes w3c#10993
Based on resolution w3c#10993 (comment)
@noamr
Copy link
Collaborator Author

noamr commented Jan 30, 2025

(Sorry for the multiple reviewers, but it's probably a good idea to have a few eyes on this)

css-borders-4/Overview.bs Outdated Show resolved Hide resolved
css-borders-4/Overview.bs Outdated Show resolved Hide resolved
css-borders-4/Overview.bs Outdated Show resolved Hide resolved
css-borders-4/Overview.bs Outdated Show resolved Hide resolved
css-borders-4/Overview.bs Outdated Show resolved Hide resolved
css-borders-4/Overview.bs Show resolved Hide resolved
css-borders-4/Overview.bs Outdated Show resolved Hide resolved
css-borders-4/Overview.bs Outdated Show resolved Hide resolved
css-borders-4/Overview.bs Outdated Show resolved Hide resolved
css-borders-4/Overview.bs Outdated Show resolved Hide resolved
css-borders-4/Overview.bs Outdated Show resolved Hide resolved
css-borders-4/Overview.bs Outdated Show resolved Hide resolved
css-borders-4/Overview.bs Outdated Show resolved Hide resolved
css-borders-4/Overview.bs Outdated Show resolved Hide resolved
css-borders-4/Overview.bs Outdated Show resolved Hide resolved
css-borders-4/Overview.bs Outdated Show resolved Hide resolved
@noamr noamr merged commit 85e0ca0 into w3c:main Jan 30, 2025
1 check passed
@noamr noamr deleted the corner-shape-initial branch January 30, 2025 22:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[css-shapes-2][css-borders-4] corner-shape support for superellipses
3 participants