Files
webextensions-examples/beastify/popup/choose_beast.css
Eike Mücksch 6d8f07243a Don't use <div /> as a button (#502)
* Don't use <div /> as a button

Addition to https://github.com/mdn/content/pull/21410

* stick to old styling

* Update beastify/popup/choose_beast.html

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update beastify/popup/choose_beast.css

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* fix: check for button type at event listener

* fix: align css selectors to changes

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
2022-11-24 15:07:49 +13:00

31 lines
392 B
CSS

html, body {
width: 100px;
}
.hidden {
display: none;
}
button {
border: none;
width: 100%;
margin: 3% auto;
padding: 4px;
text-align: center;
font-size: 1.5em;
cursor: pointer;
background-color: #E5F2F2;
}
button:hover {
background-color: #CFF2F2;
}
button[type="reset"] {
background-color: #FBFBC9;
}
button[type="reset"]:hover {
background-color: #EAEA9D;
}