1858814 - Share moz-button CSS with html:button

Status: NEW

(Toolkit :: UI Widgets, task)

Description

[Mark Striemer [:mstriemer]]

We've generally been styling our html:button elements in common-shared.css. By creating a new component for our button this simplifies the styling and gives us a way to progressively roll out the new button and add more variants, however it leaves our long tail of existing buttons behind and leaves the styles duplicated.

Investigate if it's possible to load the moz-button.css styles in common-shared.css so that it can replace our html:button styling for in-content pages. It's possible that this won't behave quite correctly for XUL buttons, or may need additional styles to handle the differences between the two.

Comment 1

[Hanna Jones [:hjones]]

Would we also want to bring these styles into global-shared.css? Right now we have the .footer-button class implemented as a work around to bring our standard in-content button styles into the chrome. Possibly moot if we would rather replace existing .footer-buttons with moz-button though.