Utilisation de variable CSS pour les width

**Opal_m** · 18/09/2018, 16h26

Bonjour à tous,

Je souhaiterais savoir si il est possible de mettre des variables en css3, je comprends le javascript également mais je n'ai pas trouvé de solution ergonomique à mon problème :

J'ai des blocs qui ont une taille variable, j'aimerais que le second élément complète le bloc pour faire 100%
(Le bloc peut avoir une width de 20% ou 25%, j'aimerais que mon autre élément ait une taille de 100 - 20% ou 25% pour m'éviter de rajouter des classes inutilement.)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
.blocH{
	width: 20%; 
	border : 1px solid blue;
	background-color : green;
	position : relative;
}
 
.slider{
        /* exemple : 
	width: 100% - .blocH(width);
	border: 1px solid blue;
	background-color : green;
	position : relative;