siteweb/librealire
7
1
Fork 0
Code Pull Requests Releases Wiki Activity

nettoyage

Browse Source
This commit is contained in:
chankalan 2020-10-10 07:49:17 +02:00
parent 642ab02d98
commit 39942998e4
6 changed files with 70 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
paquet.xml
View File

@ -1,7 +1,7 @@
<paquet <paquet
prefix="librealire" prefix="librealire"
categorie="squelette" categorie="squelette"
version="0.3.0" version="0.3.1"
schema="0.3.2" schema="0.3.2"
etat="dev" etat="dev"
compatibilite="[3.2.7;3.3.*]" compatibilite="[3.2.7;3.3.*]"

2
squelettes/body.html
View File

@ -33,7 +33,7 @@
<B_themes> <B_themes>
<div class="page_connexplus"> <div class="page_connexplus">
<div class="page_container page_connexplus__container"> <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}> <BOUCLE_themes(MOTS){id_groupe=1}{par titre}>
<li><a href="#URL_MOT">#TITRE</a></li> <li><a href="#URL_MOT">#TITRE</a></li>
[(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE|div{4}|round}|oui)</ul><ul>] [(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE|div{4}|round}|oui)</ul><ul>]

20
squelettes/inclure/resume/article.html
View File

@ -5,14 +5,22 @@
</div>] </div>]
<div class="article-resume__texte"> <div class="article-resume__texte">
<h2 class="article-resume__titre">#TITRE</h2> <h2 class="article-resume__titre">#TITRE</h2>
<p class="article-resume__soustitre">#SOUSTITRE</p>[(#ENV{hero}|=={oui}|oui)[(#ENV{compteur}|=={1}|oui) <p class="article-resume__soustitre">#SOUSTITRE</p>[(#ENV{compteur}|=={1}|oui)
<a href="#URL_ARTICLE" class="block-link[ (#ENV{class_link})]"><span class="btn plein"><:baz_april:lire:></span></a>]] <a href="#URL_ARTICLE" class="[ (#ENV{class_link})]"><span class="btn"><:baz_april:lire:></span></a>]
<div class="article-resume__infos"> <div class="article-resume__infos">
[<span class="article-resume__date">(#DATE|nom_jour|ucfirst) [(#DATE|affdate)]</span>] [<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{compteur}|=={1}|non)
</div>[(#ENV{hero}|=={oui}|oui)[(#ENV{compteur}|=={1}|non) <a href="#URL_ARTICLE" class="[ (#ENV{class_link})] tp"><span class=""><:baz_april:lire:></span></a>]
<a href="#URL_ARTICLE" class="block-link[ (#ENV{class_link})]"><span class="btn"><:baz_april:lire:></span></a>]][(#ENV{hero}|=={oui}|non) <BOUCLE_groupes(GROUPES_MOTS){si #ENV{compteur}|=={1}|oui}{par titre}>
<a href="#URL_ARTICLE" class="block-link[ (#ENV{class_link})]"><span class="btn"><:baz_april:lire:></span></a>] <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> </div>
</article> </article>
</BOUCLE_articles> </BOUCLE_articles>

4
squelettes/javascript/perso.js
View File

@ -3,9 +3,9 @@ $(function() {
// un sommaire masque // un sommaire masque
$('.sommaire_titre').siblings('ul').toggle(); $('.sommaire_titre').siblings('ul').toggle();
$('.sommaire_titre').on('click', function(){ $('.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-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');
}); });
}); });

110
squelettes/scss/styles/_perso.scss
View File

@ -1,5 +1,19 @@
/* les surcharges de chaque site dans un plugin indépendant */ /* 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) { @mixin gradient-4 ($couleur1: #007682,$couleur2: $couleurConnex 7.5%,$couleur3: $couleurConnex 92.5%,$couleur4: #007884) {
background: -webkit-linear-gradient($couleur1,$couleur2,$couleur3,$couleur4); background: -webkit-linear-gradient($couleur1,$couleur2,$couleur3,$couleur4);
@ -11,52 +25,28 @@
@mixin bouton($clair:#fff, $sombre:$couleurPrincipale, $survol:$couleurSecondaire) { @mixin bouton($clair:#fff, $sombre:$couleurPrincipale, $survol:$couleurSecondaire) {
$couleurSaturate : saturate($clair, 45%);
$couleurSaturateLight : lighten($couleurSaturate, 10%);
display: inline-block; display: inline-block;
line-height: 1.2; line-height: 1.2;
background-color: $clair;
border: none; border: none;
border-radius: 0;
box-shadow: none; box-shadow: none;
text-align: center; text-align: center;
color: $sombre;
transition: background 0.3s; transition: background 0.3s;
cursor: pointer; cursor: pointer;
font-family:$typo-Merriweather; font-family:$typo-Merriweather;
padding:0; border-radius:($spacer/4);
&.plein { background:$sombre;
border-radius:($spacer/4); color:$clair;
background:$sombre; font-weight:700;
color:$clair; padding: ($spacer/2) $spacer;
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;
}
&:hover { &:hover {
background-color: $survol; background-color: $survol;
text-decoration: none; text-decoration: none;
color: $clair; color: $clair;
} }
&:focus { &:focus {
background-color: $couleurSaturateLight !important; background-color: $clair !important;
text-decoration: none; text-decoration: none;
color: $sombre; color: $sombre;
} }
@ -71,7 +61,7 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
font-size:em(22px); font-size:em(22px);
line-height:1; line-height:1;
font-weight:700; font-weight:700;
color: $sombre; color:$clair;
} }
} }
&:hover .fas:before, &:focus .fas:before { &:hover .fas:before, &:focus .fas:before {
@ -85,10 +75,7 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
// modele bouton // modele bouton
// //
.btn { .btn {
@include bouton(transparent,$couleurPrincipale); @include bouton();
&.plein {
@include bouton(#fff,$couleurPrincipale);
}
&.right { &.right {
float:right; float:right;
margin-left:$spacer; margin-left:$spacer;
@ -116,7 +103,7 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
background:$couleurConnexplus; background:$couleurConnexplus;
color:#000; color:#000;
margin-bottom:($spacer*1.5); margin-bottom:($spacer*1.5);
.liste.mots { .liste.liste_mots {
display:flex; display:flex;
flex-wrap:wrap; flex-wrap:wrap;
> ul { > ul {
@ -159,7 +146,6 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
.texte_accueil { .texte_accueil {
line-height: 1.6; line-height: 1.6;
margin-bottom:$spacer; margin-bottom:$spacer;
margin-left:$spacer;
font-family:$typo-Merriweather; font-family:$typo-Merriweather;
font-weight:200; font-weight:200;
color:$couleurPrincipale; color:$couleurPrincipale;
@ -168,7 +154,7 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
max-width: 65%; max-width: 65%;
font-size: 1.6rem; font-size: 1.6rem;
float:left; float:left;
padding:$spacer $spacer*1.5; padding:$spacer $spacer*1.5 $spacer ($spacer*4);
} }
aside { aside {
width:35%; width:35%;
@ -212,7 +198,7 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
top:$spacer; top:$spacer;
left:($spacer*2); left:($spacer*2);
@include media($bp-medium-up) { @include media($bp-medium-up) {
left:($spacer*4); left:($spacer*3.5);
} }
&:before { &:before {
display:none; display:none;
@ -308,31 +294,33 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
.cartouche { .cartouche {
border-left:($spacer/2) solid $couleurBkgTOrigine; border-left:($spacer/2) solid $couleurBkgTOrigine;
padding-left:($spacer*2); padding-left:($spacer*1.5);
margin-left:-($spacer*2); margin-left:-($spacer*2);
@include clearfix; @include clearfix;
.spip_logo { .spip_logo {
float:right; float:right;
} }
.mots { }
.mots {
font-size:0.9rem;
@include clearfix;
&:before {
border-top:1px solid $couleurBkgTOrigine; border-top:1px solid $couleurBkgTOrigine;
font-size:0.9rem; }
&:last-child { &:last-child {
border-bottom:1px solid $couleurBkgTOrigine; border-bottom:1px solid $couleurBkgTOrigine;
}
a {
display:inline-block;
background:#fff;
border-radius:($spacer/3);
padding:0 ($spacer/2);
} font-size:0.9em;
a { &:hover {
display:inline-block; background:$couleurSecondaire;
background:#fff; color:#fff;
border-radius:($spacer/3); text-decoration:none;
padding:0 ($spacer/2);
font-size:0.9em;
&:hover {
background:$couleurSecondaire;
color:#fff;
text-decoration:none;
}
} }
} }
} }
@ -354,8 +342,10 @@ $couleurSaturateLight : lighten($couleurSaturate, 10%);
&.plein { &.plein {
border-radius:0; border-radius:0;
} }
&:hover, &:hover .fas { &.on .fas {
/* color:darken($couleurPrincipale,10%); */ &:before {
content:'\f0d7';
}
} }
} }
> ul { > ul {

2
squelettes/scss/utils/_variables-perso.scss
View File

@ -1,4 +1,6 @@
/* des variables perso pour chacun */ /* des variables perso pour chacun */
$spacer: 20px;
$couleurPrincipale: #00748f; $couleurPrincipale: #00748f;
$couleurSecondaire: #d57301; $couleurSecondaire: #d57301;