<button>I'm a button</button>
@media (any-pointer: fine) {
button {
background: royalblue;
width: 120px;
height: 30px;
}
}
@media (any-pointer: coarse) {
button {
background: indigo;
width: 360px;
height: 90px;
}
}
button {
border: none;
font-weigth: bold;
color: white;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.