nettoyage

2020-10-10 07:49:17 +02:00 · 2020-10-10 07:49:17 +02:00 · 39942998e4
commit 39942998e4
parent 642ab02d98
6 changed files with 70 additions and 70 deletions
--- a/paquet.xml
+++ b/paquet.xml
@ -1,7 +1,7 @@
 <paquet
 	prefix="librealire"
 	categorie="squelette"
-	version="0.3.0"
+	version="0.3.1"
 	schema="0.3.2"
 	etat="dev"
 	compatibilite="[3.2.7;3.3.*]"
--- a/squelettes/body.html
+++ b/squelettes/body.html
@ -33,7 +33,7 @@
 			<B_themes>
 			<div class="page_connexplus">
 				<div class="page_container page_connexplus__container">
-					<div class="liste mots"><ul>
+					<div class="liste liste_mots"><ul>
 					<BOUCLE_themes(MOTS){id_groupe=1}{par titre}>
 						<li><a href="#URL_MOT">#TITRE</a></li>
 						[(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE|div{4}|round}|oui)</ul><ul>]
--- a/squelettes/inclure/resume/article.html
+++ b/squelettes/inclure/resume/article.html
@ -5,14 +5,22 @@
 	</div>]
 	<div class="article-resume__texte">
 		<h2 class="article-resume__titre">#TITRE</h2>
-		<p class="article-resume__soustitre">#SOUSTITRE</p>[(#ENV{hero}|=={oui}|oui)[(#ENV{compteur}|=={1}|oui)
-		<a href="#URL_ARTICLE" class="block-link[ (#ENV{class_link})]"><span class="btn plein"><:baz_april:lire:></span></a>]]
+		<p class="article-resume__soustitre">#SOUSTITRE</p>[(#ENV{compteur}|=={1}|oui)
+		<a href="#URL_ARTICLE" class="[ (#ENV{class_link})]"><span class="btn"><:baz_april:lire:></span></a>]
 		<div class="article-resume__infos">
 			[<span class="article-resume__date">(#DATE|nom_jour|ucfirst) [(#DATE|affdate)]</span>]
-			<BOUCLE_auteurs(MOTS){type=personne·s}{id_article}{', '}>[<span class="article-auteurs">(#TITRE)</span>]</BOUCLE_auteurs>
-		</div>[(#ENV{hero}|=={oui}|oui)[(#ENV{compteur}|=={1}|non)
-		<a href="#URL_ARTICLE" class="block-link[ (#ENV{class_link})]"><span class="btn"><:baz_april:lire:></span></a>]][(#ENV{hero}|=={oui}|non)
-		<a href="#URL_ARTICLE" class="block-link[ (#ENV{class_link})]"><span class="btn"><:baz_april:lire:></span></a>]
+		</div>[(#ENV{compteur}|=={1}|non)
+		<a href="#URL_ARTICLE" class="[ (#ENV{class_link})] tp"><span class=""><:baz_april:lire:></span></a>]
+			<BOUCLE_groupes(GROUPES_MOTS){si #ENV{compteur}|=={1}|oui}{par titre}>
+			<B_tags>
+			<p class="mots">
+				#TITRE  <BOUCLE_tags(MOTS){id_article}{id_groupe}>
+					<a href="#URL_MOT">#TITRE</a>
+					</BOUCLE_tags>
+			</p>
+			</B_tags>
+			</BOUCLE_groupes>
+			
 	</div>
 </article>
 </BOUCLE_articles>
--- a/squelettes/javascript/perso.js
+++ b/squelettes/javascript/perso.js
@ -3,9 +3,9 @@ $(function() {
 	// un sommaire masque
 	$('.sommaire_titre').siblings('ul').toggle();
 	$('.sommaire_titre').on('click', function(){
-		$(this).siblings('ul').toggle().toggleClass('ouvert');
+		$(this).toggleClass('on').siblings('ul').toggle().toggleClass('ouvert');
 	});
 	$('.sommaire-back').on('click', function(){
-		$('.sommaire_titre').siblings('ul:not(.ouvert)').toggle().addClass('ouvert');
+		$('.sommaire_titre:not(.on)').toggleClass('on').siblings('ul:not(.ouvert)').toggle().addClass('ouvert');
 	});
 });
--- a/squelettes/scss/styles/_perso.scss
+++ b/squelettes/scss/styles/_perso.scss
@ -1,5 +1,19 @@
 /* les surcharges de chaque site dans un plugin indépendant */

+a {
+	
+	&.tp:before {
+		content:'. . .';
+		display:inline-block;
+		margin: 0 -1em 0 0;
+		font-size: 1.2rem;
+		float: left;
+		line-height: 1.8;
+		color: red;
+	}
+}
+
+

@mixin gradient-4 ($couleur1: #007682,$couleur2: $couleurConnex 7.5%,$couleur3: $couleurConnex 92.5%,$couleur4: #007884) {
 	background: -webkit-linear-gradient($couleur1,$couleur2,$couleur3,$couleur4);
@ -11,52 +25,28 @@

@mixin bouton($clair:#fff, $sombre:$couleurPrincipale, $survol:$couleurSecondaire) {

-$couleurSaturate : saturate($clair, 45%);
-$couleurSaturateLight : lighten($couleurSaturate, 10%);

 	display:          inline-block;
 	line-height:      1.2;
-	background-color: $clair;
 	border:           none;
-	border-radius:   0;
 	box-shadow:       none;
 	text-align:       center;
-	color:            $sombre;
 	transition:       background 0.3s;
 	cursor:           pointer;
 	font-family:$typo-Merriweather;
-	padding:0;
-	&.plein {
-		border-radius:($spacer/4);
-		background:$sombre;
-		color:$clair;
-		font-weight:700;
-		padding:		($spacer/2) $spacer;
-		.fas {
-			&:before {
-				color:$clair;
-			}
-		}
-	}
-	&:before {
-		content:'...';
-		display:inline-block;
-		margin: 0 -1em 0 0;
-		font-size: 1.2rem;
-		float: left;
-		line-height: 1.6;
-		color: red;
-	}
-	&.plein:before {
-		display:none;
-	}
+	border-radius:($spacer/4);
+	background:$sombre;
+	color:$clair;
+	font-weight:700;
+	padding:		($spacer/2) $spacer;
+
 	&:hover {
 		background-color: $survol;
 		text-decoration:  none;
 		color:            $clair;
 	}
 	&:focus {
-		background-color: $couleurSaturateLight !important;
+		background-color: $clair !important;
 		text-decoration:  none;
 		color:            $sombre;
 		}
@ -71,7 +61,7 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
 			font-size:em(22px);
 			line-height:1;
 			font-weight:700;
-			color:      $sombre;
+			color:$clair;
 		}
 	}
 	&:hover .fas:before, &:focus .fas:before {
@ -85,10 +75,7 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
 // modele bouton
 //
 .btn {
-	@include bouton(transparent,$couleurPrincipale);
-	&.plein {
-		@include bouton(#fff,$couleurPrincipale);
-	}
+	@include bouton();
 	&.right {
 		float:right;
 		margin-left:$spacer;
@ -116,7 +103,7 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
 		background:$couleurConnexplus;
 		color:#000;
 		margin-bottom:($spacer*1.5);
-		.liste.mots {
+		.liste.liste_mots {
 			display:flex;
 			flex-wrap:wrap;
 			> ul {
@ -159,7 +146,6 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
 .texte_accueil {
 	line-height: 1.6;
 	margin-bottom:$spacer;
-	margin-left:$spacer;
 	font-family:$typo-Merriweather;
 	font-weight:200;
 	color:$couleurPrincipale;
@ -168,7 +154,7 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
 		max-width: 65%;
 		font-size: 1.6rem;
 		float:left;
-		padding:$spacer $spacer*1.5;
+		padding:$spacer $spacer*1.5 $spacer ($spacer*4);
 	}
 	aside {
 		width:35%;
@ -212,7 +198,7 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
 		top:$spacer;
 		left:($spacer*2);
 		@include media($bp-medium-up) {
-			left:($spacer*4);
+			left:($spacer*3.5);
 		}
 		&:before {
 			display:none;
@ -308,31 +294,33 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);

 .cartouche {
 	border-left:($spacer/2) solid $couleurBkgTOrigine;
-	padding-left:($spacer*2);
+	padding-left:($spacer*1.5);
 	margin-left:-($spacer*2);
 	@include clearfix;
 	.spip_logo {
 		float:right;
 	}
-	.mots {
+}
+.mots {
+	font-size:0.9rem;
+	@include clearfix;
+	&:before {
 		border-top:1px solid $couleurBkgTOrigine;
-		font-size:0.9rem;
-		&:last-child {
-			border-bottom:1px solid $couleurBkgTOrigine;
+	}
+	&:last-child {
+		border-bottom:1px solid $couleurBkgTOrigine;
+	}
+	a {
+		display:inline-block;
+		background:#fff;
+		border-radius:($spacer/3);
+		padding:0 ($spacer/2);
 		
-		}
-		a {
-			display:inline-block;
-			background:#fff;
-			border-radius:($spacer/3);
-			padding:0 ($spacer/2);
-			
-			font-size:0.9em;
-			&:hover {
-				background:$couleurSecondaire;
-				color:#fff;
-				text-decoration:none;
-			}
+		font-size:0.9em;
+		&:hover {
+			background:$couleurSecondaire;
+			color:#fff;
+			text-decoration:none;
 		}
 	}
 }
@ -354,8 +342,10 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
 		&.plein {
 			border-radius:0;
 		}
-		&:hover, &:hover .fas {
-/* 			color:darken($couleurPrincipale,10%); */
+		&.on .fas {
+			&:before {
+				content:'\f0d7';
+			}
 		}
 	}
 	> ul {
--- a/squelettes/scss/utils/_variables-perso.scss
+++ b/squelettes/scss/utils/_variables-perso.scss
@ -1,4 +1,6 @@
 /* des variables perso pour chacun */
+$spacer:				20px;
+

 $couleurPrincipale:		#00748f;
 $couleurSecondaire:	#d57301;