#elementQuery - calculs #responsive au niveau d’un élément et non plus d’une page (nécessite #jquery)
▻https://github.com/tysonmatanich/elementQuery
Syntax
This rule queries itself for a single condition:
header[min-width~="500px"] {
background-color: #eee;
}
This rule queries itself for multiple conditions:
header[min-width~="500px"][max-width~="800px"] {
background-color: #eee;
}
This rule queries a parent for a condition:
header[min-width~="31.250em"] nav {
clear: both;
}
(...)
Query types
The following query types are supported: min-width
, max-width
, min-height
, max-height
.