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

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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