suicidedog
KPCKevin Powell - Community
•Created by suicidedog on 11/3/2023 in #front-end
Button borders and best practice in a design system
Right yes.
Https://codepen.io/isakmedia/pen/LYqRaKN
I don't have all the colors, but clicking the first buttons in each row should give the same effect.
Also maybe if you know how to align the text of the spans with the button texts that be super cool too
8 replies
KPCKevin Powell - Community
•Created by suicidedog on 11/3/2023 in #front-end
Button borders and best practice in a design system
I think it might be fine that the focus width is greater.
But it would be better if a single button would have some default margin or similar that would shrink on focus, so that if someone uses a button in their design. Let's say a modal confirm button. The button shouldn't push elements around on focus.
I apologize for my limited terminology knowledge.
But I'd like to do my best so that it's mainly the lone button that changes size and not the container it's in.
Don't know if that's possible. But if would be nice
8 replies
KPCKevin Powell - Community
•Created by suicidedog on 11/3/2023 in #front-end
Button borders and best practice in a design system
8 replies
KPCKevin Powell - Community
•Created by suicidedog on 11/3/2023 in #front-end
Button borders and best practice in a design system
Sorry for potatoe quality.
Right now the top row has gotten the transparent border to match size with the bottom row.
But also the other buttons shouldn't change size as the :focus is applied to a specific button.
8 replies
KPCKevin Powell - Community
•Created by suicidedog on 4/12/2023 in #front-end
simple CSS animation of sliding into view and out of view, and how to approach it
yes nice thats what i was after. thank you so much!
4 replies