Re: [csswg-drafts] map-get function proposal for customising web component styles (#7273) from Murat Çorlu via GitHub on 2022-05-13 (public-css-archive@w3.org from May 2022)

From: Murat Çorlu via GitHub <sysbot+gh@w3.org>
Date: Fri, 13 May 2022 11:25:31 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-1125952481-1652441129-sysbot+gh@w3.org>

Another more CSS-familiar syntax could be:

```css
padding: map-get(small 4px 8px, regular 8px 16px, large 12px 24px, var(--size, regular));
```

Structure above is `map-get( mapItem, mapItem, ... , key)` and mapItem is `key value` (value is everything until comma). Then maybe this can also allow us using CSS variables for map items too.

```css
:host {
  --padding-sizes: small 4px 8px, regular 8px 16px, large 12px 24px;
  padding: map-get(var(--padding-sizes), var(--size, regular));
}
```


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


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

Received on Friday, 13 May 2022 11:25:32 UTC