search

halfmoonui / halfmoon

Halfmoon is a highly customizable, drop-in Bootstrap replacement. It comes with three built-in core themes, with dark mode support for all themes and components.
https://www.gethalfmoon.com
MIT License
3.03k stars 118 forks source link

Make custom switch with animation #56

Closed Peter-The-Great closed 3 years ago

Peter-The-Great commented 3 years ago

I would like to make suggestion that we should ad a transition frame for the .custom-switch label:after class. It would kinda look like this in the css file

.custom-switch label:after{ content: ""; position: absolute; height: 1.2rem; width: 1.2rem; top: 0.4rem; left: 0.5rem; background-color: rgba(0, 0, 0, 0.2); border: 0 solid rgba(0, 0, 0, 0.2); border-radius: 50%; -webkit-transition: .4s; transition: .4s; } I would like to see that added in the future, i have tried to implement it but i am not good with the variables file of halfmoon. So can i ask if anyone would like to add that to the framework.

Thank in advance

larsjarred9 commented 3 years ago

I feel like this feature will trash the framework since it will not add anything that can't be created with plain css that anyone can edit themself.

-1

Peter-The-Great commented 3 years ago

Its just a little thing i thought would look nice

halfmoonui commented 3 years ago

This was addressed in https://github.com/halfmoonui/halfmoon/issues/42, so I will close this.