corrections header
This commit is contained in:
parent
60be60272f
commit
8f48d2330d
|
@ -27,8 +27,7 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#logo-animated svg {
|
||||||
svg {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
@ -36,7 +35,8 @@
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
img {
|
|
||||||
|
#logo-animated img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -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"}
|
|
@ -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);
|
||||||
|
|
||||||
|
|
||||||
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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -29,8 +29,11 @@ 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;
|
||||||
|
display: grid;
|
||||||
|
|
||||||
|
grid-template-columns: repeat(10, 1fr);
|
||||||
border-right: 1px solid #808080;
|
border-right: 1px solid #808080;
|
||||||
padding-left: 2%;
|
padding-left: 2%;
|
||||||
padding-right: 2%;
|
padding-right: 2%;
|
||||||
|
@ -39,19 +42,60 @@ header{
|
||||||
}
|
}
|
||||||
|
|
||||||
#block-quartiers-de-demain-logorepu-2{
|
#block-quartiers-de-demain-logorepu-2{
|
||||||
@media(max-width: 891px){
|
height: 100%;
|
||||||
height: $header-height-pad;
|
grid-column: 1 / span 1;
|
||||||
}
|
// @media(max-width: 891px){
|
||||||
|
// height: $header-height-pad;
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
#block-quartiers-de-demain-logoepau-2{
|
#block-quartiers-de-demain-logoepau-2{
|
||||||
height: $header-height;
|
height: 100%;
|
||||||
|
grid-column: 2 / span 3;
|
||||||
|
// height: $header-height;
|
||||||
|
padding-left: 2rem;
|
||||||
@media(max-width: 891px){
|
@media(max-width: 891px){
|
||||||
height: $header-height-pad;
|
// height: $header-height-pad;
|
||||||
|
grid-column: 2 / span 5;
|
||||||
|
}
|
||||||
|
> div {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
> a {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
> img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#block-quartiers-de-demain-logoquartiersdedemain{
|
#block-quartiers-de-demain-logoquartiersdedemain{
|
||||||
|
grid-column: 8 / span 3;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
// padding-right: 5%;
|
// padding-right: 5%;
|
||||||
|
> div {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
> a {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
> img {
|
||||||
|
padding-left: 4rem;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
@media(max-width: 891px){
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
img{
|
img{
|
||||||
width: auto;
|
width: auto;
|
||||||
|
@ -71,6 +115,7 @@ header{
|
||||||
// padding-right: 30%;
|
// padding-right: 30%;
|
||||||
padding-left: calc(100% /4);
|
padding-left: calc(100% /4);
|
||||||
@media(max-width: 660px){
|
@media(max-width: 660px){
|
||||||
|
padding-left: 0;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
.language-switcher-language-url{
|
.language-switcher-language-url{
|
||||||
|
|
Loading…
Reference in New Issue