mobile
This commit is contained in:
parent
8b05ad2f05
commit
fb4644efac
|
@ -119,6 +119,9 @@
|
||||||
.layout-content {
|
.layout-content {
|
||||||
grid-column: 1 / span 12;
|
grid-column: 1 / span 12;
|
||||||
padding-top: 125px; }
|
padding-top: 125px; }
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
.layout-content {
|
||||||
|
padding-top: 50px; } }
|
||||||
|
|
||||||
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
|
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
|
||||||
ul {
|
ul {
|
||||||
|
@ -219,9 +222,16 @@ header {
|
||||||
@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; } }
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
header .header_right_container .language-switcher-language-url ul {
|
||||||
|
flex-direction: column;
|
||||||
|
margin: auto; } }
|
||||||
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; }
|
white-space: pre; }
|
||||||
|
@media (max-width: 660px) {
|
||||||
|
header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
|
||||||
|
content: none; } }
|
||||||
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 {
|
||||||
|
@ -615,11 +625,13 @@ footer {
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p {
|
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p {
|
||||||
padding-right: 0px;
|
padding-right: 0px;
|
||||||
text-align: center; } }
|
text-align: center;
|
||||||
|
width: 100%; } }
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p img, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p img {
|
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p img, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p img {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
height: auto;
|
height: auto;
|
||||||
padding-bottom: 1rem; }
|
padding-bottom: 1rem;
|
||||||
|
margin: auto; }
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
|
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
|
||||||
padding-bottom: 4rem; }
|
padding-bottom: 4rem; }
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title {
|
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title {
|
||||||
|
@ -637,7 +649,8 @@ footer {
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p {
|
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p {
|
||||||
padding-right: 0px;
|
padding-right: 0px;
|
||||||
text-align: center; } }
|
text-align: center;
|
||||||
|
width: 100%; } }
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes p, #home .layout-content .content_container article.node-type-static .field_field_textes p {
|
#presentation .layout-content .content_container article.node-type-static .field_field_textes p, #home .layout-content .content_container article.node-type-static .field_field_textes p {
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0; }
|
||||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto, #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto {
|
#presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto, #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto {
|
||||||
|
|
|
@ -40,5 +40,9 @@ $width-menu-slidedown : 550px;
|
||||||
.layout-content{
|
.layout-content{
|
||||||
grid-column: 1 / span 12;
|
grid-column: 1 / span 12;
|
||||||
padding-top: $header-height;
|
padding-top: $header-height;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
padding-top: $header-height-ultrasmall;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -134,11 +134,13 @@
|
||||||
@media(max-width: 500px){
|
@media(max-width: 500px){
|
||||||
padding-right: 0px;
|
padding-right: 0px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
img{
|
img{
|
||||||
width: 70%;
|
width: 70%;
|
||||||
height: auto;
|
height: auto;
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
|
margin: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -164,6 +166,7 @@
|
||||||
@media(max-width: 500px){
|
@media(max-width: 500px){
|
||||||
padding-right: 0px;
|
padding-right: 0px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -86,10 +86,18 @@ header{
|
||||||
@media(max-width: 660px){
|
@media(max-width: 660px){
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
@media(max-width: 500px){
|
||||||
|
flex-direction: column;
|
||||||
|
// margin-bottom: 0;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
li:nth-child(1){
|
li:nth-child(1){
|
||||||
&::after{
|
&::after{
|
||||||
content: " / ";
|
content: " / ";
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
|
@media(max-width: 660px){
|
||||||
|
content:none ;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue