Pipo
@pipo-dev.bsky.social
Hi there. I'm a web developer from Germany who is interested in indie game development. Working with React since many years. Father of three kids. Love good food and gardening.
Alternative account: @pipolearnsjapanese.bsky.social
Alternative account: @pipolearnsjapanese.bsky.social
Maybe I should post some more doodles as well.
September 28, 2025 at 10:05 AM
Maybe I should post some more doodles as well.
No bun post in a long time!
September 27, 2025 at 6:12 AM
No bun post in a long time!
This seems to also work for enforcing media queries in @tailwindcss.com. This is super interesting for embedding a component in your MDX files for @storybook.js.org and show how it behaves within different media queries.
![Code Snippet:
@custom-variant md {
@media (min-width: 768px) {
&:not(:is([data-force-breakpoint] *)) {
@slot;
}
}
&:where([data-force-breakpoint='md'] *) {
@slot;
}
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:qvyksyw272t42epvx5idpvqt/bafkreihshwqwfo7terf7iphmhzjvrhtgku3igz4eslnviiuaqdlatxs5jy@jpeg)
August 15, 2025 at 12:47 PM
This seems to also work for enforcing media queries in @tailwindcss.com. This is super interesting for embedding a component in your MDX files for @storybook.js.org and show how it behaves within different media queries.
So you can "extend" build in variants of @tailwindcss.com to easily demo the styles in Storybook? That's interesting. Would be nice if the build in logic doesn't need to be duplicated.
![@custom-variant focus-within (&:focus-within, &:where([data-force-focus-within]));
@custom-variant hover {
@media (hover: hover) {
&:hover {
@slot;
}
}
&[data-force-hover] {
@slot;
}
}
@custom-variant focus (&:focus, &:where([data-force-focus]));
@custom-variant focus-visible (&:focus-visible, &:where([data-force-focus-visible]));
@custom-variant active (&:active, &:where([data-force-active]));](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:qvyksyw272t42epvx5idpvqt/bafkreign66iqpuf3wsxikuo3yd356h3vefpvusksuluh5migqae5kkn3ym@jpeg)
April 10, 2025 at 9:57 AM
So you can "extend" build in variants of @tailwindcss.com to easily demo the styles in Storybook? That's interesting. Would be nice if the build in logic doesn't need to be duplicated.
My bun roll experiment of the day contains self made sauerkraut and some caraway inside the dough 🤤 next to it: some home grown sprouts.
March 31, 2025 at 5:09 PM
My bun roll experiment of the day contains self made sauerkraut and some caraway inside the dough 🤤 next to it: some home grown sprouts.
Pretty happy with my self made bun rolls!
February 16, 2025 at 7:36 AM
Pretty happy with my self made bun rolls!
Isn't there a single official @typescriptlang.org type for AdaptiveCards? What you can find (e.g. in github.com/microsoft/te... is poor quality).
January 29, 2025 at 7:25 AM
Isn't there a single official @typescriptlang.org type for AdaptiveCards? What you can find (e.g. in github.com/microsoft/te... is poor quality).
I like how that moth-themed birthday card and birthday shirt turned out. Happy 12th birthday!
January 21, 2025 at 8:57 AM
I like how that moth-themed birthday card and birthday shirt turned out. Happy 12th birthday!
Quite happy with those ❤️
November 17, 2024 at 4:23 PM
Quite happy with those ❤️