We just ran into the problem of components stepping on each other again.
We have both a Basic Button and a Button from another component set in our app.
Basic css causes the following css to be written:
Button {
background-color: #f8f8f8;
border-radius: 2px;
border: 1px solid #808080;
margin: 0px;
padding: 4px;
}
Button:hover {
background-color: #e8e8e8;
border: 1px solid #808080;
padding: 4px;
}
Button:active {
background-color: #d8d8d8;
border: 1px solid #808080;
padding: 4px;
}
Considering these are selector css rather than class CSS, the css is changing
the default css for our components which are set using class names.
We’ve discussed this problem in the past and I’m not sure what the end plan
(which was never implemented) was…
FWIW, we’re changing the styling in our app, and we’re probably getting rid of
basic buttons completely, but it’s going to be a process…
Thoughts?
Harbs
