on avance : nettoyage + mots

squelettes/content/article.html

@@ -16,16 +16,15 @@
 		
 		<div class="postmeta">
 			#MODELE{article_traductions}
+			<BOUCLE_groupes(GROUPES_MOTS){par titre}>
 			<B_tags>
-			<span class="tags">
-				<span class="sep">|</span>
-				<ul class="inline">
-					<BOUCLE_tags(MOTS){id_article}>
-					<li><a class="label" href="#URL_MOT"><i class="icon-tag"></i> #TITRE</a></li>
+			<p class="mots">
+				#TITRE : <BOUCLE_tags(MOTS){id_article}{id_groupe}{', '}>
+					<a href="#URL_MOT">#TITRE</a>
 					</BOUCLE_tags>
-				</ul>
-			</span>
+			</p>
 			</B_tags>
+			</BOUCLE_groupes>
 		</div>
 
 	</header>

squelettes/modeles/mots.html

@@ -0,0 +1,6 @@
+
+<div class="liste mots"><ul>
+<BOUCLE_themes(MOTS){id_groupe=#ENV{id_groupe}}>
+	<li class=""><a href="#URL_MOT" class="">#TITRE</a></li>
+</BOUCLE_themes>
+</ul></div>

squelettes/scss/base/_main.scss

@@ -41,9 +41,6 @@ a {
     &:link {
         transition: .3s;
     }
-    &:visited {
-        color: inherit;
-    }
     &:focus {
         outline:     thin dotted;
         text-shadow: none;

squelettes/scss/base/_typo.scss

@@ -21,6 +21,10 @@
 
 
 
+.fas {
+	font-family:Fontawesome;
+	color:$couleurPrincipale;
+}
 
 
 
@@ -58,9 +62,6 @@ html.rtl * {
 a {
     text-decoration: none;
     color:           $couleur-lien;
-    &:visited {
-        color: $couleur-lien;
-    }
     &:hover {
         text-decoration: underline;
         color:           $couleur-lien-hover;

squelettes/scss/blocs/_breadcrump.scss

@@ -17,8 +17,7 @@
 .arbo * { 
 	font-weight: normal; 
 }
-.arbo, .arbo a,
-.arbo a:visited { 
+.arbo, .arbo a { 
 	color: lighten($couleurTexte, 30%); 
 }
 .arbo a:hover { 

squelettes/scss/blocs/_content.scss

@@ -27,6 +27,10 @@
 .article__logo {
     margin-bottom: 2em;
 }
+.mots {
+	margin:0;
+}
+
 
 //---------------------------------------
 //  Résumés d'articles
@@ -93,3 +97,10 @@
 		float:left;
 	}
 }
+
+.mots {
+	
+	ul {
+		@include list-separator;
+	}
+}

squelettes/scss/blocs/_footer.scss

@@ -9,7 +9,14 @@
 		display:inline-block;
 		margin:0 0.4em;
 		border:0;
-		&, &:visited { color:white; }
+		color:white;
+	}
+	.page_connexplus {
+		@include clearfix;
+		padding-bottom:($spacer*1.5);
+		a {
+			color:$grayDark;
+		}
 	}
 	
 	.menus_footer {

squelettes/scss/styles/_nav.scss

@@ -27,7 +27,7 @@
 		display:inline;
 		line-height:1.2;
 	}
-	a, a:visited {
+	a {
 		display: inline-block; 
 		padding:0.3em 0 0.2em; 
 		margin:0 0.5em 0.4em; 

squelettes/scss/utils/_mixins.scss

@@ -93,31 +93,65 @@
     }
 }
 
-@mixin bouton($couleur, $texte:#FFF) {
-    display:          inline-block;
-    height:           em(30px);
-    line-height:      em(30px);
-    padding:          0 1.5em;
-    background-color: $couleur;
-    border:           none;
-    border-radius:    em(15px);
-    box-shadow:       none;
-    text-align:       center;
-    white-space:      nowrap;
-    color:            $texte;
-    transition:       background 0.3s;
-    cursor:           pointer;
-    &:hover,
-    &:focus {
-        background-color: $couleur-boutons-hover;
-        text-decoration:  none;
-    }
-    &[disabled=disabled] {
-        background: desaturate($couleur, 45%);
-        color:      darken($texte, 10%) !important;
-    }
+@mixin clearfix() {
+	&:after, &:before {
+		display:block;
+		content:'';
+		clear:both;
+	}
 }
 
+
+@mixin bouton($couleur:$grayLightL5, $texte:#FFF) {
+
+$couleurSaturate : saturate($couleur, 45%);
+$couleurSaturateLight : lighten($couleurSaturate, 10%);
+
+	display:          inline-block;
+/* 	height:           $spacer*2; */
+	line-height:      1.2;
+	padding:           ($spacer/3) $spacer ($spacer/2);
+	background-color: $couleur;
+	border:           none;
+	border-radius:   $spacer;
+	box-shadow:       none;
+	text-align:       center;
+/* 	white-space:      nowrap; */
+	color:            $texte;
+	transition:       background 0.3s;
+	cursor:           pointer;
+	&:hover {
+		background-color: darken($couleur,15%);
+		text-decoration:  none;
+		color:            $texte;
+	}
+	&:focus {
+		background-color: $couleurSaturateLight !important;
+		text-decoration:  none;
+		color:            $texte;
+		}
+	&[disabled=disabled] {
+		background: desaturate($couleur, 45%);
+		color:      darken($texte, 10%) !important;
+	}
+	.fas {
+		padding-left:em(6px);
+		&:before {
+			font-size:em(20px);
+			line-height:$spacer;
+			font-weight:700;
+			color:      $texte;
+		}
+	}
+	&:hover .fas:before {
+		color:      $texte;
+	}
+	&:focus .fas:before {
+		color:      $texte;
+	}
+}
+
+
 @mixin list-reset() {
     list-style: none;
     margin:     0;

squelettes/scss/utils/_variables.scss

@@ -23,6 +23,7 @@ $grayDarker:            #222;
 $grayDark:              #333;
 $gray:                  #555;
 $grayLight:             #999;
+$grayLightL5:		lighten($grayLight,5%);
 $grayLighter:           #eee;
 $white:                 #fff;