fisker Cheung
f8c5b1fd1d
* Categorize tests (yaml, markdown) * Categorize tests (handlebars) * Categorize tests (graphql) * Categorize tests (typescript) * Categorize tests (json) * Categorize tests (jsx)
25 lines
412 B
Markdown
25 lines
412 B
Markdown
```pcss
|
|
.Avatar {
|
|
/* ... */
|
|
|
|
&__image {
|
|
/* ... */
|
|
|
|
@container (width > 100px) {
|
|
/*
|
|
Change some styles on the image element when the container is
|
|
wider than 100px
|
|
*/
|
|
}
|
|
}
|
|
|
|
@container (aspect-ratio > 3) {
|
|
/* Change styles on the avatar itself, when the aspect-ratio is grater than 3 */
|
|
}
|
|
|
|
@container (width > 100px) and (height > 100px) {
|
|
/* ... */
|
|
}
|
|
}
|
|
```
|