ajustement typo
This commit is contained in:
parent
60be60272f
commit
d9029c4f36
|
@ -25,6 +25,7 @@
|
|||
max-width: 1300px;
|
||||
max-height: 1000px;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
@ -36,7 +37,7 @@
|
|||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
img {
|
||||
#logo-animated img {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
}
|
||||
|
|
|
@ -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,6 +284,8 @@ header {
|
|||
header .open-block.opened > div > span:nth-child(3) {
|
||||
display: none; }
|
||||
|
||||
footer {
|
||||
z-index: 100; }
|
||||
footer span.totop {
|
||||
display: inline-flex;
|
||||
width: 100vw; }
|
||||
|
@ -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; } }
|
||||
|
|
|
@ -6,7 +6,7 @@ function setLogoContainerSize() {
|
|||
}
|
||||
setLogoContainerSize();
|
||||
window.addEventListener('resize', setLogoContainerSize);
|
||||
|
||||
console.log('animated');
|
||||
|
||||
let chemins = document.querySelectorAll('path');
|
||||
for (let chemin of chemins) {
|
||||
|
|
|
@ -63,3 +63,5 @@
|
|||
|
||||
})(jQuery, window);
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
|
||||
$header-height : 150px;
|
||||
$header-height : 125px;
|
||||
$header-height-pad : 110px;
|
||||
$header-height-small : 70px;
|
||||
$header-height-ultrasmall : 50px;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -68,18 +68,16 @@ 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;
|
||||
|
@ -87,12 +85,15 @@ header{
|
|||
li:nth-child(1){
|
||||
&::after{
|
||||
content: " / ";
|
||||
white-space: pre;
|
||||
}
|
||||
}
|
||||
|
||||
.is-active{
|
||||
font-weight: 600;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
@ -15,6 +15,7 @@
|
|||
@import "global/layout";
|
||||
@import "global/reset";
|
||||
@import "global/mediaquerries";
|
||||
// @import "global/_animated-logo";
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -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 %}
|
||||
|
|
Loading…
Reference in New Issue