Wpis użytkownika fewtoast w Programowanie

Znacie `@container` i `@container style`? - link https://ishadeed.com/article/css-container-style-queries/?)

Mam pomysł na rozwinięcie...

Tak wygląda `@container style`:

```

.page-header {

display: flex;

}

@container style(display: flex) {

.page-header__start {

flex: 1;

display: flex;

align-items: center;

border-right: 1px solid lightgrey;

}

}

```

Mój pomysł: Dodanie możliwości tworzenia zmiennej, na bazie właściwości kontenera, np. szerokość kontenera jako --container-width` i można jej użyć jak zwykłej zmiennej, tylko jest dynamiczna (zmienia się w zależności od rozmiaru kontenera):

```

@container (width as --container-width) {

height: calc(var( --container-width) - 10px);

```

Co sądzicie?

Chyba czegoś podobnego nie ma jeszcze w planach, a fajnie by uzupełniało te nowe standardy, nie?