ajustement typo

This commit is contained in:
ouidade 2024-03-20 14:00:00 +01:00
parent 60be60272f
commit d9029c4f36
10 changed files with 61 additions and 58 deletions

View File

@ -25,7 +25,8 @@
max-width: 1300px;
max-height: 1000px;
overflow: hidden;
}
}
svg {
@ -36,7 +37,7 @@
top: 0;
left: 0;
}
img {
#logo-animated img {
position: absolute;
opacity: 0;
}

View File

@ -118,7 +118,7 @@
.layout-content {
grid-column: 1 / span 12;
padding-top: 150px; }
padding-top: 125px; }
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
ul {
@ -150,7 +150,7 @@ header {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(3, 1fr);
height: 150px;
height: 125px;
background-color: white;
z-index: 99;
width: 100vw;
@ -185,7 +185,7 @@ header {
header .header_left_container #block-quartiers-de-demain-logorepu-2 {
height: 110px; } }
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
height: 150px; }
height: 125px; }
@media (max-width: 891px) {
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
height: 110px; } }
@ -193,7 +193,7 @@ header {
margin-left: auto; }
header .header_left_container img {
width: auto;
height: 150px; }
height: 125px; }
@media (max-width: 891px) {
header .header_left_container img {
height: 110px; } }
@ -204,7 +204,7 @@ header {
header .header_left_container img {
height: 50px; } }
header .header_right_container {
padding-left: calc(100% /4); }
margin: auto; }
@media (max-width: 660px) {
header .header_right_container {
padding-right: 0; } }
@ -213,13 +213,14 @@ header {
header .header_right_container .language-switcher-language-url ul {
display: flex;
flex-direction: row;
font-size: 0.8rem;
font-size: 0.6rem;
padding: 0; }
@media (max-width: 660px) {
header .header_right_container .language-switcher-language-url ul {
margin-bottom: 0; } }
header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
content: "/"; }
content: " / ";
white-space: pre; }
header .header_right_container .language-switcher-language-url ul .is-active {
font-weight: 600; }
header .header_nav_container {
@ -283,26 +284,28 @@ header {
header .open-block.opened > div > span:nth-child(3) {
display: none; }
footer span.totop {
display: inline-flex;
width: 100vw; }
footer span.totop #toTop {
margin: auto;
background-color: #fff;
border-top-left-radius: 10%;
border-top-right-radius: 10%;
padding-bottom: 0.5rem; }
footer span.totop #toTop .arrow-up {
font-size: 1.7rem;
line-height: 2.5rem;
text-align: center;
width: 3rem;
height: 2rem;
display: inline-block;
text-align: top; }
footer span.totop #toTop .arrow-up::before {
content: url("../images/up-arrow.svg");
width: 50%; }
footer {
z-index: 100; }
footer span.totop {
display: inline-flex;
width: 100vw; }
footer span.totop #toTop {
margin: auto;
background-color: #fff;
border-top-left-radius: 10%;
border-top-right-radius: 10%;
padding-bottom: 0.5rem; }
footer span.totop #toTop .arrow-up {
font-size: 1.7rem;
line-height: 2.5rem;
text-align: center;
width: 3rem;
height: 2rem;
display: inline-block;
text-align: top; }
footer span.totop #toTop .arrow-up::before {
content: url("../images/up-arrow.svg");
width: 50%; }
.footer {
display: grid;
@ -332,13 +335,13 @@ footer span.totop {
display: flex;
flex-direction: row; }
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
height: 150px; }
height: 125px; }
@media (max-width: 891px) {
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
height: 110px; } }
.footer #footer-left .footer_left_container img {
width: auto;
height: 150px; }
height: 125px; }
@media (max-width: 891px) {
.footer #footer-left .footer_left_container img {
height: 110px; } }
@ -350,7 +353,8 @@ footer span.totop {
height: 50px; } }
.footer #footer-middle {
grid-column: 6 /span 7;
grid-row: 1; }
grid-row: 1;
font-size: 0.6rem; }
.footer #footer-middle #block-quartiers-de-demain-pieddepage ul li {
padding-bottom: 0.2rem; }
@media (max-width: 891px) {
@ -366,13 +370,14 @@ footer span.totop {
flex-direction: column;
font-size: 0.8rem;
font-weight: 400;
padding-bottom: 0.6rem; }
padding-bottom: 0.6rem;
font-size: 0.6rem; }
.footer #footer-right #block-quartiers-de-demain-socialmedialinks h2::before {
content: "Nous contacter";
padding-bottom: 0.6rem;
font-weight: 600; }
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-3x {
font-size: 2em; }
font-size: 1.5em; }
@media (max-width: 891px) {
.footer div {
flex-wrap: wrap; } }
@ -418,7 +423,7 @@ footer span.totop {
font-weight: 400; }
.layout-sidebar-first .sidebar_first_container .field-content {
margin-bottom: 0.5rem;
font-size: 0.6rem; }
font-size: 0.5rem; }
@media (max-width: 810px) {
.layout-sidebar-first .sidebar_first_container {
display: none; } }

View File

@ -6,7 +6,7 @@ function setLogoContainerSize() {
}
setLogoContainerSize();
window.addEventListener('resize', setLogoContainerSize);
console.log('animated');
let chemins = document.querySelectorAll('path');
for (let chemin of chemins) {

View File

@ -63,3 +63,5 @@
})(jQuery, window);

View File

@ -1,5 +1,5 @@
$header-height : 150px;
$header-height : 125px;
$header-height-pad : 110px;
$header-height-small : 70px;
$header-height-ultrasmall : 50px;

View File

@ -45,7 +45,7 @@
font-weight: 400;
.field-content{
margin-bottom: 0.5rem;
font-size: 0.6rem;
font-size: 0.5rem;
}
@media (max-width: 810px){
display: none;

View File

@ -1,11 +1,8 @@
footer{
z-index: 100;
span.totop {
display: inline-flex;
width: 100vw;
// content: url(../images/up-arrow.svg);
// background: $bleu_fond_header;
#toTop{
margin: auto;
background-color: #fff;
@ -16,7 +13,6 @@ footer{
font-size: 1.7rem;
line-height: 2.5rem;
text-align: center;
// background: $footer-bg;
width: 3rem;
height: 2rem;
display: inline-block;
@ -25,9 +21,6 @@ footer{
content:url("../images/up-arrow.svg") ;
width: 50%;
}
// .fa{
// color: #fff;
// }
}
}
@ -95,6 +88,7 @@ footer{
}
}
}
font-size: 0.6rem;
}
#footer-right{
grid-column: 10 / 12;
@ -112,9 +106,11 @@ footer{
font-weight: 600;
}
padding-bottom: 0.6rem;
font-size: 0.6rem;
}
.fa-3x{
font-size: 2em;
font-size: 1.5em;
}
}
}

View File

@ -68,31 +68,32 @@ header{
}
}
.header_right_container{
// padding-right: 30%;
padding-left: calc(100% /4);
margin: auto;
@media(max-width: 660px){
padding-right: 0;
}
.language-switcher-language-url{
// padding-left: 30%;
text-transform: uppercase;
ul{
display: flex;
flex-direction: row;
font-size: $font-medium;
font-size: $font-normal;
padding: 0;
@media(max-width: 660px){
margin-bottom: 0;
}
li:nth-child(1){
&::after{
content: "/";
content: " / ";
white-space: pre;
}
}
.is-active{
font-weight: 600;
}
}
}

View File

@ -15,6 +15,7 @@
@import "global/layout";
@import "global/reset";
@import "global/mediaquerries";
// @import "global/_animated-logo";

View File

@ -61,10 +61,7 @@
<div class="layout-content">
{# <div id="logo-animated">
<img src=url("../images/logo_accueil_QDD.svg") alt="logo animé consultation quartiers de demain" />
</div>
#} {{ page.content }}
{{ page.content }}
</div>{# /.layout-content #}
{% if page.sidebar_first %}