- From: mantou via GitHub <sysbot+gh@w3.org>
- Date: Sat, 01 May 2021 16:30:39 +0000
- To: public-css-archive@w3.org
mantou132 has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-env] border radius ==
In some operating systems (such as macOS), the browser has a rounded corner of the border. When the page content sets the border, need to adapt this rounded corner
# Proposal
Add `safe-border-top-left-radius`, `safe-border-top-right-radius`, `safe-border-bottom-right-radius`, `safe-border-bottom-left-radius` environment variables.
# Example
```css
body {
border: 10px solid red;
border-bottom-left-radius: env(safe-border-bottom-left-radius, 0);
border-bottom-right-radius: env(safe-border-bottom-right-radius, 0);
}
```
current case:
<img width="797" alt="Screen Shot 2021-05-01 at 10 25 56 PM" src="https://user-images.githubusercontent.com/3841872/116788471-59242480-aadc-11eb-86d9-f287bf7a71ba.png">
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6259 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Saturday, 1 May 2021 16:30:42 UTC