Without knowing anything about how CSS is implemented by browser engines—you can constrain by context:
IF inside WithSidebarLayout, the main column is too narrow THEN switch to NoSidebarLayout.
No idea how that would be expressed in CSS syntax, though.
The CSS :has() pseudo-class is similar in how it goes against CSS’s grain.
Axel Rauschmayer
npub10f…ardvy
2025-02-13 15:00:51 UTC
in reply to nevent1q…66ca
Author Public Key
npub10faqj7xvgmhhl42glvf9u5wqfhnafjnrjst6yx6k4227xugupvuqzardvyPublished at
2025-02-13 15:00:51 UTCEvent JSON
{
"id": "b86876a94f83e5cf31f141619a152bb938d938adace6b294a025d1afac8e772c",
"pubkey": "7a7a0978cc46ef7fd548fb125e51c04de7d4ca639417a21b56aa95e3711c0b38",
"created_at": 1739458851,
"kind": 1,
"tags": [
[
"p",
"1ad0f468508b65e9018332951948efb7a0d517d5010aef5daa87b8a9b6289133"
],
[
"p",
"7a7a0978cc46ef7fd548fb125e51c04de7d4ca639417a21b56aa95e3711c0b38"
],
[
"e",
"dad3baaa1c2ea5a370482883e772654e01b02cf306970acc0a857fa7d7009ce4",
"",
"reply",
"1ad0f468508b65e9018332951948efb7a0d517d5010aef5daa87b8a9b6289133"
],
[
"proxy",
"https://fosstodon.org/@rauschma/113997175305622668",
"web"
],
[
"e",
"b26de19f7ba32cedd6396c4f37fd26e8a8624e87bf50d1be398016b4f240c2f8",
"",
"root",
"7a7a0978cc46ef7fd548fb125e51c04de7d4ca639417a21b56aa95e3711c0b38"
],
[
"p",
"2166139f2e0f248777eb1d9c774016aef094f08ca54b9de6d44488d4ed53034c"
],
[
"proxy",
"https://fosstodon.org/users/rauschma/statuses/113997175305622668",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://fosstodon.org/users/rauschma/statuses/113997175305622668",
"pink.momostr"
],
[
"-"
]
],
"content": "Without knowing anything about how CSS is implemented by browser engines—you can constrain by context:\n\nIF inside WithSidebarLayout, the main column is too narrow THEN switch to NoSidebarLayout.\n\nNo idea how that would be expressed in CSS syntax, though.\n\nThe CSS :has() pseudo-class is similar in how it goes against CSS’s grain.",
"sig": "27a60af1cca936ed0de26108dd55fe67f1879c409c2bf3163d9558777f53ebe051d7517c5ec0d3cd119eec1cbbb2f85f0ff101c2de6e254028dc2933a263d20e"
}