Open
Description
Which active (or yet reviewed) proposals might allow CSS authors to express @media
conditional values in a more terse way?
The following hypothetical code was widely shared among Twitter users this last week:
@media (max-width: [1200px, 768px, 425px]) {
.text-box {
font-size: [24px, 20px, 16px];
padding: [50px, 30px, 10px];
margin: [50px 25px, 25px 12.5px, 12.5px]
}
}
This particular hypothetical solution is described by the author as a “media query [that] is an array of sizes and your property value arrays are linked to those sizes” *.