The css for this project is all over the place as I was very much throwing stuff at the wall to see what stuck. Now that I have a better handle on how the end structure is going to look the css structure can be laid out a lot better.
Better separation of what is in style.scss and what is in HomeView.vue
Better color naming convention
Remove orphaned selectors
Better name for button-group
button-group is used both for a row (alongside method) and for buttons inside that row. It "works" but it's going to make future tweaks difficult. Should probably separate into two classes, one for rows and one for a group of buttons on either side of the row.
The css for this project is all over the place as I was very much throwing stuff at the wall to see what stuck. Now that I have a better handle on how the end structure is going to look the css structure can be laid out a lot better.
button-group
button-group
is used both for a row (alongsidemethod
) and for buttons inside that row. It "works" but it's going to make future tweaks difficult. Should probably separate into two classes, one for rows and one for a group of buttons on either side of the row.