From 642ab02d9887e5ba27386021cf1f53ae2c23a062 Mon Sep 17 00:00:00 2001
From: chankalan <chankalan@choc0.net>
Date: Fri, 9 Oct 2020 08:30:19 +0200
Subject: [PATCH] ancres sommaire

---
 squelettes/content/article-transcriptions.html |  6 +++---
 squelettes/scss/styles/_perso.scss             | 18 ++++++++----------
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/squelettes/content/article-transcriptions.html b/squelettes/content/article-transcriptions.html
index db692e4..a7a52a6 100644
--- a/squelettes/content/article-transcriptions.html
+++ b/squelettes/content/article-transcriptions.html
@@ -35,16 +35,16 @@
 
 	<div class="main">
 	
-		[<div class="#EDIT{chapo} article__chapo">(#CHAPO|image_reduire{#CONST{_CONTENT_WIDTH},0})</div>]
+		[<div class="#EDIT{chapo} article__chapo">(#CHAPO|ancres_sommaire|image_reduire{#CONST{_CONTENT_WIDTH},0})</div>]
 		
-		[<div class="#EDIT{texte} article__texte">(#TEXTE|image_reduire{#CONST{_CONTENT_WIDTH},0})</div>]
+		[<div class="#EDIT{texte} article__texte">(#TEXTE|ancres_sommaire|image_reduire{#CONST{_CONTENT_WIDTH},0})</div>]
 
 	</div>
 	
 	<footer>
 		
 		[<div class="ps">
-			<div class="#EDIT{ps} article__ps">(#PS|image_reduire{#CONST{_CONTENT_WIDTH},0})</div>
+			<div class="#EDIT{ps} article__ps">(#PS|ancres_sommaire|image_reduire{#CONST{_CONTENT_WIDTH},0})</div>
 		</div>]
 		
 		[(#INCLURE{fond=inclure/documents,id_article})]
diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss
index 83c0fdb..961d523 100644
--- a/squelettes/scss/styles/_perso.scss
+++ b/squelettes/scss/styles/_perso.scss
@@ -9,7 +9,7 @@
 }
 
 
-@mixin bouton($clair:#fff, $sombre:$couleurPrincipale) {
+@mixin bouton($clair:#fff, $sombre:$couleurPrincipale, $survol:$couleurSecondaire) {
 
 $couleurSaturate : saturate($clair, 45%);
 $couleurSaturateLight : lighten($couleurSaturate, 10%);
@@ -51,9 +51,9 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
 		display:none;
 	}
 	&:hover {
-		background-color: darken($clair,15%);
+		background-color: $survol;
 		text-decoration:  none;
-		color:            $sombre;
+		color:            $clair;
 	}
 	&:focus {
 		background-color: $couleurSaturateLight !important;
@@ -74,12 +74,10 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
 			color:      $sombre;
 		}
 	}
-	&:hover .fas:before {
-		color:      $sombre;
-	}
-	&:focus .fas:before {
-		color:      $sombre;
+	&:hover .fas:before, &:focus .fas:before {
+		color:      $clair;
 	}
+
 }
 
 
@@ -352,12 +350,12 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
 	margin:($spacer*2) 0;
 	.sommaire_titre {
 		font-size:0.8rem;
-		@include bouton(#9dccd1,$couleurPrincipale);
+		@include bouton();
 		&.plein {
 			border-radius:0;
 		}
 		&:hover, &:hover .fas {
-			color:darken($couleurPrincipale,10%);
+/* 			color:darken($couleurPrincipale,10%); */
 		}
 	}
 	> ul {