Valider 3c1f07fe rédigé par tcharlss's avatar tcharlss Validation de Gitea
Parcourir les fichiers

* Classe .bouton renommée en .btn : c'est plus court et ce nommage était déjà...

* Classe .bouton renommée en .btn : c'est plus court et ce nommage était déjà utilisé auparavant en quelques endroits.
* Variantes préfixées pour éviter les téléscopages : .btn_mini, .btn_secondaire etc.
* Classe .groupe-boutons renommées en .groupe-btns pour être raccord
* Plus besoin de la variante "principale" : cela correspond à l'habillage par défaut, avec la couleur active  du thème (comme précédemment donc).
* Ajout de quelques variantes pour les barres d'outils : .groupe-btns_menu + .btn_on + .btn_off.
* On supprime les variantes de boutons avec icônes : cela sera refait de façon plus complète et générique par la suite.
* Utiliser des variables CSS : plus facile à maintenir, quasiment tout est modifiable en ajustant ces variables.
parent 6a42c76d
Chargement en cours
Chargement en cours
Chargement en cours
Chargement en cours
+540 −628

Fichier modifié.

La taille limite d'aperçu a été dépassée, l'affichage des modifications a donc été réduit.

+16 −9
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -151,10 +151,11 @@
	     -o-transition: inherit;
	        transition: inherit;
}
.icone .icone-fonction {
.icone-fonction {
	display: flex; /* éviter espacements indésirables autour de l'image */
	position: relative;
}
.icone .icone-fonction:after {
.icone-fonction:after {
	content: '';
	display: block;
	position: absolute;
@@ -168,9 +169,15 @@
	     -o-transition: background 0.1s;
	        transition: background 0.1s; /* Retour */
}
.icone .icone-fonction-new:after {
.icone-fonction-new:after {
	background-position-y: top[ (#GET{iconpadding})];
}
#SET{icones, #LISTE{add, new, del, config, edit}}
<BOUCLE_icones_images(DATA) {source table, #GET{icones}}>
.icone-fonction-#VALEUR:after {
	background-image: url(#CHEMIN_IMAGE{#VALEUR-xx.svg});
}
</BOUCLE_icones_images>

/* Variante horizontale */
.icone.horizontale {
@@ -217,22 +224,22 @@
}

/* Tailles */
.icone.s16 .icone-image img {
.s16 .icone-image img {
	width: 16px;
}
.icone.s16 .icone-fonction:after {
.s16 .icone-fonction:after {
	background-size: 8px;
}
.icone.s24 .icone-image img {
.s24 .icone-image img {
	width: 24px;
}
.icone.s24 .icone-fonction:after {
.s24 .icone-fonction:after {
	background-size: 12px;
}
.icone.s32 .icone-image img {
.s32 .icone-image img {
	width: 32px;
}
.icone.s32 .icone-fonction:after {
.s32 .icone-fonction:after {
	background-size: 16px;
}