You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Jun 23, 2021. It is now read-only.
The naming suggests that $button-* variables are used for buttons, but they are used for many other components as well.
This leads to a situation where changing the appearance of buttons affects a dozen other elements in not predictable ways and I have to override a ton of style definitions if I follow the suggestion to not modify Base Theme.scss.
This is especially annoying since the design I'm trying to build uses a highlight color for buttons and that highlight color pops up in a dozen other places which are not supposed to be highlighted.
I'd suggest to stop using $button-* variables for anything other than buttons and introduce corresponding $input-* variables instead so the design is basically split into "buttons" and "all other input elements" just like many of today's CSS frameworks do.
The text was updated successfully, but these errors were encountered:
I absolutely agree -
This theme was made as a personal project and not all (and many) parts of it were done incorrectly - and this is one of them. Sorry for the confusion and I hope a future version can fix it (though it might break current variants).
Sign up for freeto subscribe to this conversation on GitHub.
Already have an account?
Sign in.
While trying to use this theme as the basis for my own variant, I came across a rather annoying issue: abuse of variables.
Example:
The naming suggests that
$button-*
variables are used for buttons, but they are used for many other components as well.This leads to a situation where changing the appearance of buttons affects a dozen other elements in not predictable ways and I have to override a ton of style definitions if I follow the suggestion to not modify
Base Theme.scss
.This is especially annoying since the design I'm trying to build uses a highlight color for buttons and that highlight color pops up in a dozen other places which are not supposed to be highlighted.
I'd suggest to stop using
$button-*
variables for anything other than buttons and introduce corresponding$input-*
variables instead so the design is basically split into "buttons" and "all other input elements" just like many of today's CSS frameworks do.The text was updated successfully, but these errors were encountered: