rctneil
Explore posts from serversKPCKevin Powell - Community
•Created by rctneil on 1/13/2025 in #front-end
Display none => block transition example
Ok. Thankyou
37 replies
KPCKevin Powell - Community
•Created by rctneil on 1/13/2025 in #front-end
Display none => block transition example
I thought the whole point of allow-discrete was to transition those though?
37 replies
KPCKevin Powell - Community
•Created by rctneil on 1/13/2025 in #front-end
Display none => block transition example
Ok, it does seem to be doing something, although it's not transitioning smoothly
37 replies
KPCKevin Powell - Community
•Created by rctneil on 1/13/2025 in #front-end
Display none => block transition example
37 replies
KPCKevin Powell - Community
•Created by rctneil on 1/13/2025 in #front-end
Display none => block transition example
Hang fire
37 replies
KPCKevin Powell - Community
•Created by rctneil on 1/13/2025 in #front-end
Display none => block transition example
I am creating one as we speak
37 replies
KPCKevin Powell - Community
•Created by rctneil on 1/13/2025 in #front-end
Display none => block transition example
It makes no difference
37 replies
KPCKevin Powell - Community
•Created by rctneil on 1/13/2025 in #front-end
Display none => block transition example
It shows and hides, but doesn't transition
37 replies
KPCKevin Powell - Community
•Created by rctneil on 1/13/2025 in #front-end
Display none => block transition example
Ok, so I updated it to this and it still makes no difference:
.memory-transcription {
width: 100%;
display: none;
transition: display 0.25s ease-in-out;
transition-behavior: allow-discrete;
&.visible {
display: block;
}
}
37 replies
KPCKevin Powell - Community
•Created by rctneil on 1/13/2025 in #front-end
Display none => block transition example
My current code is:
.memory-transcription {
width: 100%;
display: none;
transition: all 0.25s;
transition-behavior: allow-discrete;
&.visible {
display: block;
}
}
37 replies
KPCKevin Powell - Community
•Created by rctneil on 1/13/2025 in #front-end
Display none => block transition example
I've looked for videos, but just looking for a small demo codepen.
37 replies
KPCKevin Powell - Community
•Created by rctneil on 9/1/2024 in #front-end
Container Queries in Grid environment
Anyone any ideas about this?
3 replies
KPCKevin Powell - Community
•Created by rctneil on 8/14/2024 in #front-end
Modern CSS without tools
I don't have anything against processors, just want to try something new.
197 replies
KPCKevin Powell - Community
•Created by rctneil on 8/14/2024 in #front-end
Modern CSS without tools
Yes, thanks Kevin
197 replies
KPCKevin Powell - Community
•Created by rctneil on 8/14/2024 in #front-end
Modern CSS without tools
Where's the harm is trying a new approach?
197 replies
KPCKevin Powell - Community
•Created by rctneil on 8/14/2024 in #front-end
Modern CSS without tools
You guys are seriously stuck on the path that you ahve your setup that works for you and that is fine. I too ahve my own setup that works flawlessly. I jsut wanted to try a new approach with nobuild that looks and sounds interesting. That's all that matters. I don't care if you don't wish to try it or agree with it. FINE. NOT A PROBLEM. Don't keep pushing me to do something in a certain way when i never said i was going to abandon my current setup entirely
197 replies
KPCKevin Powell - Community
•Created by rctneil on 8/14/2024 in #front-end
Modern CSS without tools
That's a separate issue. I'm not on about that. I was discussing the fact that compilation takes time.
197 replies
KPCKevin Powell - Community
•Created by rctneil on 8/14/2024 in #front-end
Modern CSS without tools
and simpler
197 replies
KPCKevin Powell - Community
•Created by rctneil on 8/14/2024 in #front-end
Modern CSS without tools
Yes, but still faster
197 replies
KPCKevin Powell - Community
•Created by rctneil on 8/14/2024 in #front-end
Modern CSS without tools
But having no build step at all has to be faster!
197 replies