Re: [csswg-drafts] [css-backgrounds-4] Use cases for corner-shape (#6980)

Might a good place to first introduce `corner-shape` be inside `clip-path: inset();`. It already has an optional `round` keyword for rounding corners. It also has no concern for borders because it is independent of the box model. 

the syntax would be similar to the `corners` shortcut: 

> clip-path: inset(0 angle 12px);

the use case here would be to simplify all the `calc(100% - )` needed in polygon to get at the corner shape look.

> clip-path: polygon( 12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 99%, 0 calc(100% - 12px), 0 12px);

Would be nice if this ultimately could be turned into something like `clip-path: corners(angle 12px);` as I don't think most of the use cases would actually require the insetting.

-- 
GitHub Notification of comment by jsnkuhn
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6980#issuecomment-1310977390 using your GitHub account


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

Received on Thursday, 10 November 2022 22:20:41 UTC