mixin bouton + debug

squelettes/aside/article-blog.html

@@ -1,4 +1,5 @@
-<INCLURE{fond=aside,article,env} />
+
+<INCLURE{fond=aside/article,env} />
 
 [(#REM) Articles dans la meme rubrique ]
 <B_articles_rubrique>
@@ -9,5 +10,4 @@
 			</BOUCLE_articles_rubrique>
 		</ul>
 		[<p class="pagination">(#PAGINATION{page})</p>]
-
 </B_articles_rubrique>

squelettes/scss/components/_forms.scss

@@ -320,9 +320,9 @@ textarea {
 //  Boutons
 //----------------------------------------
 
-.button /*,
+.button,
 .formulaire_spip button,
-.formulaire_spip input[type=submit] */
+.formulaire_spip input[type=submit] 
 {
     @include bouton($couleur-boutons);
 

squelettes/scss/utils/_mixins.scss

@@ -102,7 +102,7 @@
 }
 
 
-@mixin bouton($clair:#fff, $sombre:$couleurPrincipale, $survol:$couleurSecondaire) {
+@mixin bouton($sombre:$couleurPrincipale, $clair:#fff, $survol:$couleurSecondaire) {
 
 	display:          inline-block;
 	line-height:      1.2;
@@ -114,19 +114,19 @@
 	font-family:$typo-Merriweather;
 	border-radius:($spacer/4);
 	background:$sombre;
-	color:$clair;
+	color:$clair !important;
 	font-weight:700;
 	padding:		($spacer/2) $spacer;
 
 	&:hover {
 		background-color: $survol;
 		text-decoration:  none;
-		color:            $clair;
+		color: $clair !important;
 	}
 	&:focus {
-		background-color: $clair !important;
+		background-color: lighten($survol,10%);
 		text-decoration:  none;
-		color:            $sombre;
+		color: $clair !important;
 		}
 	&[disabled=disabled] {
 		background: desaturate($clair, 45%);