- From: Murat Çorlu via GitHub <sysbot+gh@w3.org>
- Date: Fri, 13 May 2022 07:36:52 +0000
- To: public-css-archive@w3.org
I just noticed this discussion after @johannesodland mentioned here in my proposal (#7273) for addressing the same issues in a different way. I completely agree about the needs we have here as @LeaVerou explained.
Do you find useful, a solution like the below by having `map-get` function ([as in SASS](https://css-tricks.com/snippets/sass/easing-map-get-function/)) to address the issues mentioned here?
```html
<my-button>Save</my-button>
```
```css
my-button {
--size: small;
}
@media screen and (max-width: 900px) {
my-button {
--size: large;
}
}
```
```css
/* inside my-button component style */
:host {
padding: map-get((small: 4px 8px, regular: 8px 16px, large: 12px 24px), var(--size, regular));
}
```
More details are in #7273.
--
GitHub Notification of comment by muratcorlu
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5624#issuecomment-1125748109 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 07:36:54 UTC