@media screen et variable
Mon code css se présente comme ceci :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| html {
height: 100%;
font-size: 1em;
--main-column: 60em;
-webkit-text-size-adjust: 100%;
}
...
@media screen and (max-width: var(--main-column)) {
.classe_ko {
display: none;
}
}
@media screen and (max-width: 60em) {
.classe_ok {
display: none;
}
} |
J'envisageait d'utiliser une variable pour ne pas avoir à modifier une taille à plusieurs endroits de la page.
Seulement, je n'arrive pas à utiliser cette variable avec le media screen ...
Les éléments classe_ko seront toujours affiché contrairement aux classe_ok
Est-ce une idée à oublier ?
