- From: Volkan TAŞ via GitHub <sysbot+gh@w3.org>
- Date: Thu, 07 Mar 2024 15:44:19 +0000
- To: public-css-archive@w3.org
Seçicilerde eksik yanlar var iken böyle bir değişiklik ertelenmelidir.
Örneğin aşağıdaki gibi değerleri CSS'nin şimdiki seçicilerini kullanarak daha az kod ile çözemiyoruz.
```html
<div class="ml-10px mr-15px"></div>
```
```css
[class*="ml-1"]{
--ml-xx = 1;
}
[class*="0px"]{
--ml-x = 0;
}
[class*="5px"]{
--ml-x = 5;
}
[class*="ml-"]{
margin-left: calc( var(--ml-xx) * 10 + var(--ml-x) )px;
}
```
# Olmalı (Veya daha iyisi olmalı)
```html
<div class="ml-10px mr-15px"></div>
```
```css
[class*="ml-1*"]{
--ml-xx = 1;
}
[class*="ml-*0*"]{
--ml-x = 0;
}
[class*="ml-*5*"]{
--ml-x = 5;
}
[class*="ml-**px"]{
margin-left: calc( var(--ml-xx) * 10 + var(--ml-x) )px;
}
```
Not: yukarıdaki örnekte 0-99 arası değerler yaklaşık 20 satır kod ile işletilebilir. Bununla ilgili bir yenilik gelmese de kendimce çözümlerim var. ```="ml10ml:px"``` gibi...
--
GitHub Notification of comment by volkantash
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10001#issuecomment-1983797515 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 7 March 2024 15:44:20 UTC