#elementquery

#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.