Re: [csswg-drafts] [css-variables?] Higher level custom properties that control multiple declarations (#5624) from Quentin Albert via GitHub on 2020-12-09 (public-css-archive@w3.org from December 2020)

From: Quentin Albert via GitHub <sysbot+gh@w3.org>
Date: Wed, 09 Dec 2020 20:58:18 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-742045172-1607547497-sysbot+gh@w3.org>

@tabatkins How will nested conditions be written? 


As far as I understood it this would be the inline solution

```
my-input {
    border-radius: cond((var(--pill) = on) cond((var(--half) = on) 10px; 999px); 0px);
}
```

But how about the at-rule?
```
my-input {
        border-radius: 0;
 @if (var(--pill) = on) {
               @if (var(--half) = on) {
                   border-radius: 10px;
                }
  border-radius: 999px
 }
}
```

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


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

Received on Wednesday, 9 December 2020 20:58:19 UTC