bandeau actus + btn.tp + menu en petit écrans

This commit is contained in:
chankalan 2020-12-08 16:19:18 +01:00
parent 652f20e348
commit bd9717bba0
2 changed files with 26 additions and 14 deletions

View File

@ -13,7 +13,7 @@ body {
a {
&.tp {
&.tp.btn {
background:none !important;
padding:0;
color:$couleur-lien !important;
@ -22,27 +22,31 @@ a {
font-weight:700;
text-decoration:none;
&:before {
content:'' !important;
content:'...';
display:inline-block !important;
position:absolute;
bottom:-0.5em;
bottom:-0.6em;
left:0;
min-width:18px;
padding-bottom: 10px;
background-image:radial-gradient(circle, $couleurSecondaire 2px, rgba(255,255,255,0) 2px);
font-size:130%;
/* padding-bottom: 10px; */
color:$couleurSecondaire;
/*background-image:radial-gradient(circle, $couleurSecondaire 2px, rgba(255,255,255,0) 2px);
background-position: bottom left;
background-size: 6px 4px;
background-repeat: repeat-x;
background-repeat: repeat-x;*/
}
&:hover, &:focus, &.on {
color:$couleurSecondaire;
color:$couleurSecondaire !important;
&:before {
background-image:radial-gradient(circle, $couleurSecondaire 2px, rgba(255,255,255,0) 2px);
content: '. . . . . .';
left:0;
/*background-image:radial-gradient(circle, $couleurSecondaire 2px, rgba(255,255,255,0) 2px);
background-position: bottom left;
background-size: 14px 4px;
background-repeat: repeat-x;
min-width:70px;
left:-4px;
left:-4px;*/
}
}
}
@ -114,6 +118,12 @@ a {
@include gradient-4($couleurPrincipale,$couleurPrincipale,$couleurPrincipale,#184f5e);
opacity:1;
}
.page_header > .page_container .nav > ul a {
@include media($bp-medium) {
border-bottom:1px solid #84BEC7BF;
}
}
.nav {
a {
padding-bottom: 10px;
@ -175,7 +185,7 @@ a {
color:white;
font-size:0.9rem;
}
.spip_logo, .tp {
.article-resume__logo, .tp {
@include visuallyhidden;
}
.btn {
@ -265,7 +275,7 @@ a {
margin-bottom:$spacer;
font-family:$typo-Merriweather;
font-weight:200;
color:$couleur-lien;
color:$couleur-texte-s;
@include clearfix();
@include flex();
.main {
@ -288,7 +298,7 @@ a {
padding:$spacer;
font-size:1.2rem;
.modele_citation .citation_texte {
font-size:1.2rem;
/* font-size:1.2rem; */
}
}
}
@ -639,8 +649,8 @@ a {
background:$couleurBkgBleu;
border-radius:$spacer/2;
padding:$spacer;
font-size:1.15rem;
color:$couleur-lien;
/* font-size:1.15rem; */
color:$couleur-texte-s;
}
.citation_image {
float:right;

View File

@ -29,6 +29,8 @@ $couleur-lien:#0A738D;
$couleur-lien-resume:#0a4756;
$couleur-lien-hover:$couleurSecondaire;
$couleur-texte-s:#1D5567;
$couleur-boutons: $couleurPrincipale;
$couleur-placeholder: $couleurPrincipale;