ajustement typo

This commit is contained in:
ouidade 2024-03-20 14:31:26 +01:00
commit a091c7f55a
7 changed files with 50 additions and 20 deletions

View File

@ -28,8 +28,7 @@
} }
#logo-animated svg {
svg {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: auto; height: auto;

View File

@ -190,7 +190,8 @@ header {
header .header_left_container #block-quartiers-de-demain-logoepau-2 { header .header_left_container #block-quartiers-de-demain-logoepau-2 {
height: 110px; } } height: 110px; } }
header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain { header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
margin-left: auto; } margin-left: auto;
padding-right: 5%; }
header .header_left_container img { header .header_left_container img {
width: auto; width: auto;
height: 125px; } height: 125px; }
@ -329,11 +330,14 @@ footer {
flex-wrap: nowrap; } } flex-wrap: nowrap; } }
.footer #footer-left { .footer #footer-left {
grid-column: 1 /span 5; grid-column: 1 /span 5;
grid-row: 1; grid-row: 1; }
padding-left: 5%; }
.footer #footer-left .footer_left_container { .footer #footer-left .footer_left_container {
padding-left: 5%;
display: flex; display: flex;
flex-direction: row; } flex-direction: row; }
@media (max-width: 891px) {
.footer #footer-left .footer_left_container {
max-width: 50vw; } }
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau { .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
height: 125px; } height: 125px; }
@media (max-width: 891px) { @media (max-width: 891px) {
@ -533,7 +537,7 @@ footer {
order: 2; } order: 2; }
@media (max-width: 500px) { @media (max-width: 500px) {
#presentation .layout-content, #home .layout-content { #presentation .layout-content, #home .layout-content {
padding-top: 0; } } padding-top: 50px; } }
#presentation .layout-content .content_container, #home .layout-content .content_container { #presentation .layout-content .content_container, #home .layout-content .content_container {
display: flex; display: flex;
margin-bottom: 0; } margin-bottom: 0; }

View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../scss/quartiers_de_demain.scss","../scss/global/variables/_colors.scss","../scss/global/variables/_core.scss","../scss/global/_fonts.scss","../scss/global/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_reset.scss","../scss/partials/_header.scss","../scss/partials/_footer.scss","../scss/partials/_aside.scss","../scss/pages/_home.scss","../scss/pages/_partenaires.scss","../scss/pages/_presentation.scss","../scss/pages/_static.scss"],"names":[],"mappings":"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","file":"quartiers_de_demain.css"}

View File

@ -1,14 +1,14 @@
function setLogoContainerSize() { function setLogoContainerSize() {
let svgContainer = document.querySelector('#logo-animated'); let svgContainer = document.querySelector('#logo-animated');
let svgElement = document.querySelector('svg'); let svgElement = document.querySelector('#logo-animated svg');
svgContainer.style.height = `${svgElement.clientHeight}px`; svgContainer.style.height = `${svgElement.clientHeight}px`;
} }
setLogoContainerSize(); setLogoContainerSize();
window.addEventListener('resize', setLogoContainerSize); window.addEventListener('resize', setLogoContainerSize);
console.log('animated'); console.log('animated');
let chemins = document.querySelectorAll('path'); let chemins = document.querySelectorAll('#logo-animated svg path');
for (let chemin of chemins) { for (let chemin of chemins) {
let length = chemin.getTotalLength(); let length = chemin.getTotalLength();
chemin.style.strokeDasharray = length; chemin.style.strokeDasharray = length;

View File

@ -31,7 +31,7 @@
grid-row: 1; grid-row: 1;
order: 2; order: 2;
@media (max-width:500px) { @media (max-width:500px) {
padding-top: 0; padding-top: 50px;
} }
.content_container{ .content_container{
display: flex; display: flex;

View File

@ -36,7 +36,7 @@ footer{
section{width: fit-content;} section{width: fit-content;}
h2, ul{margin: 0;} h2, ul{margin: 0;}
border-top: 1px solid #808080; border-top: 1px solid #808080;
@media(max-width: 891px){ @media(max-width: 891px){
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
@ -48,8 +48,11 @@ footer{
#footer-left{ #footer-left{
grid-column: 1 /span 5; grid-column: 1 /span 5;
grid-row: 1; grid-row: 1;
padding-left: 5%;
.footer_left_container{ .footer_left_container{
padding-left: 5%;
@media(max-width: 891px){
max-width: 50vw;
}
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -58,6 +61,25 @@ footer{
@media(max-width: 891px){ @media(max-width: 891px){
height: $header-height-pad; height: $header-height-pad;
} }
// > div {
// width: 100%;
// height: 100%;
// > a {
// display: flex;
// align-items: center;
// justify-content: center;
// width: 100%;
// height: 100%;
// > img {
// padding: 0 2rem;
// width: 100%;
// height: auto;
// @media(max-width: 891px){
// padding: 0;
// }
// }
// }
// }
} }
img{ img{
width: auto; width: auto;

View File

@ -29,8 +29,8 @@ header{
.header_left_container{ .header_left_container{
grid-column: 1 /span 11; grid-column: 1 /span 11;
grid-row: 1 /span 3; grid-row: 1 /span 3;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
border-right: 1px solid #808080; border-right: 1px solid #808080;
padding-left: 2%; padding-left: 2%;
padding-right: 2%; padding-right: 2%;
@ -39,19 +39,23 @@ header{
} }
#block-quartiers-de-demain-logorepu-2{ #block-quartiers-de-demain-logorepu-2{
@media(max-width: 891px){
height: $header-height-pad; @media(max-width: 891px){
} height: $header-height-pad;
}
} }
#block-quartiers-de-demain-logoepau-2{ #block-quartiers-de-demain-logoepau-2{
height: $header-height;
height: $header-height;
@media(max-width: 891px){ @media(max-width: 891px){
height: $header-height-pad; height: $header-height-pad;
} }
} }
#block-quartiers-de-demain-logoquartiersdedemain{ #block-quartiers-de-demain-logoquartiersdedemain{
margin-left: auto; margin-left: auto;
// padding-right: 5%; padding-right: 5%;
} }
img{ img{
width: auto; width: auto;