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-width: 1300px;
max-height: 1000px; max-height: 1000px;
overflow: hidden; overflow: hidden;
}
}
svg { svg {
@ -36,7 +37,7 @@
top: 0; top: 0;
left: 0; left: 0;
} }
img { #logo-animated img {
position: absolute; position: absolute;
opacity: 0; opacity: 0;
} }

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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