on avance : nettoyage + mots

This commit is contained in:
chankalan 2020-06-27 02:45:19 +02:00
parent 626c9a33a0
commit bd28936910
10 changed files with 95 additions and 40 deletions

View File

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

View File

@ -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>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -93,31 +93,65 @@
} }
} }
@mixin bouton($couleur, $texte:#FFF) { @mixin clearfix() {
display: inline-block; &:after, &:before {
height: em(30px); display:block;
line-height: em(30px); content:'';
padding: 0 1.5em; clear:both;
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 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() { @mixin list-reset() {
list-style: none; list-style: none;
margin: 0; margin: 0;

View File

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