on avance : nettoyage + mots
This commit is contained in:
chankalan
parent
626c9a33a0
commit
bd28936910
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -41,9 +41,6 @@ a {
|
|||
&:link {
|
||||
transition: .3s;
|
||||
}
|
||||
&:visited {
|
||||
color: inherit;
|
||||
}
|
||||
&:focus {
|
||||
outline: thin dotted;
|
||||
text-shadow: none;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -17,8 +17,7 @@
|
|||
.arbo * {
|
||||
font-weight: normal;
|
||||
}
|
||||
.arbo, .arbo a,
|
||||
.arbo a:visited {
|
||||
.arbo, .arbo a {
|
||||
color: lighten($couleurTexte, 30%);
|
||||
}
|
||||
.arbo a:hover {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@ $grayDarker: #222;
|
|||
$grayDark: #333;
|
||||
$gray: #555;
|
||||
$grayLight: #999;
|
||||
$grayLightL5: lighten($grayLight,5%);
|
||||
$grayLighter: #eee;
|
||||
$white: #fff;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue