mobile home
This commit is contained in:
parent
713e5df873
commit
5d5ad21366
|
@ -232,7 +232,7 @@ header {
|
||||||
transition: height 0.3s, padding 0.3s; /* Add transition for smooth resizing */
|
transition: height 0.3s, padding 0.3s; /* Add transition for smooth resizing */
|
||||||
/* Classes for scroll effect */
|
/* Classes for scroll effect */
|
||||||
}
|
}
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 700px) {
|
||||||
header {
|
header {
|
||||||
height: 110px;
|
height: 110px;
|
||||||
}
|
}
|
||||||
|
@ -1153,14 +1153,30 @@ footer {
|
||||||
flex: 1 100%;
|
flex: 1 100%;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static .field_body > p:nth-child(1) {
|
||||||
|
font-size: 1.3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static .field_body > p:nth-child(2),
|
#home article.node-type-static .field_body > p:nth-child(2),
|
||||||
#home article.node-type-static .field_body p:nth-child(3) {
|
#home article.node-type-static .field_body p:nth-child(3) {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static .field_body > p:nth-child(2),
|
||||||
|
#home article.node-type-static .field_body p:nth-child(3) {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static .field_body > p:nth-child(2) {
|
#home article.node-type-static .field_body > p:nth-child(2) {
|
||||||
padding-left: 15rem;
|
padding-left: 15rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static .field_body > p:nth-child(2) {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static .field_field_title {
|
#home article.node-type-static .field_field_title {
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
@ -1178,6 +1194,11 @@ footer {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static #paragraph-id--1 .field_field_texte {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto {
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
@ -1197,50 +1218,188 @@ footer {
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p {
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p {
|
||||||
padding-right: 2rem;
|
padding-right: 2rem;
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
width: 30%;
|
flex: 1 30%;
|
||||||
|
max-width: 30%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p {
|
||||||
|
padding-right: 1rem;
|
||||||
|
flex: 1 30%;
|
||||||
|
max-width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(1)::before {
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(1)::before {
|
||||||
content: url("../img/fanion.svg");
|
background-image: url("../img/fanion.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(1)::before {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(2)::before {
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(2)::before {
|
||||||
content: url("../img/pouce.svg");
|
background-image: url("../img/pouce.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(2)::before {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(3)::before {
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(3)::before {
|
||||||
content: url("../img/planete.svg");
|
background-image: url("../img/planete.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(3)::before {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(4)::before {
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(4)::before {
|
||||||
content: url("../img/puzzle.svg");
|
background-image: url("../img/puzzle.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(4)::before {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(5)::before {
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(5)::before {
|
||||||
content: url("../img/cube.svg");
|
background-image: url("../img/cube.svg");
|
||||||
|
background-size: 70px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(5)::before {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(6)::before {
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(6)::before {
|
||||||
content: url("../img/ampoule.svg");
|
background-image: url("../img/ampoule.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(6)::before {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(7)::before {
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(7)::before {
|
||||||
content: url("../img/bonhome.svg");
|
background-image: url("../img/bonhome.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(7)::before {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(8)::before {
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(8)::before {
|
||||||
content: url("../img/feuilles.svg");
|
background-image: url("../img/feuilles.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(8)::before {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(9)::before {
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(9)::before {
|
||||||
content: url("../img/calendrier.svg");
|
background-image: url("../img/calendrier.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(9)::before {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(10)::before {
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(10)::before {
|
||||||
content: url("../img/crayons.svg");
|
background-image: url("../img/crayons.svg");
|
||||||
|
background-size: 48px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(10)::before {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--6 {
|
#home article.node-type-static #paragraph-id--6 {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -1249,6 +1408,12 @@ footer {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
padding-bottom: 2rem;
|
padding-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static #paragraph-id--6 {
|
||||||
|
width: 90%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--6 .field_field_texte {
|
#home article.node-type-static #paragraph-id--6 .field_field_texte {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
@ -1266,6 +1431,11 @@ footer {
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
#home article.node-type-static #paragraph-id--6 .field_field_texte .colone-picto > p:nth-of-type(2) {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--6 .field_field_texte .colone-picto > p:nth-of-type(3) {
|
#home article.node-type-static #paragraph-id--6 .field_field_texte .colone-picto > p:nth-of-type(3) {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
|
@ -1290,6 +1460,11 @@ footer {
|
||||||
padding-top: 3rem;
|
padding-top: 3rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 550px) {
|
||||||
|
#home article.node-type-static #paragraph-id--7 .field_field_title {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--7 .field_field_texte {
|
#home article.node-type-static #paragraph-id--7 .field_field_texte {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
@ -1329,6 +1504,11 @@ footer {
|
||||||
grid-row: 1/span 2;
|
grid-row: 1/span 2;
|
||||||
grid-column: 1/span 2;
|
grid-column: 1/span 2;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 700px) {
|
||||||
|
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(1) {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
}
|
||||||
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(2) {
|
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(2) {
|
||||||
grid-row: 3;
|
grid-row: 3;
|
||||||
grid-column: inherit;
|
grid-column: inherit;
|
||||||
|
|
|
@ -19,14 +19,23 @@
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
flex: 1 100%;
|
flex: 1 100%;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
font-size: 1.3rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
> p:nth-child(2),
|
> p:nth-child(2),
|
||||||
p:nth-child(3){
|
p:nth-child(3){
|
||||||
flex: 1 ;
|
flex: 1 ;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
padding-left: 0 ;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
> p:nth-child(2){
|
> p:nth-child(2){
|
||||||
padding-left: 15rem;
|
padding-left: 15rem;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
padding-left: 0 ;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.field_field_title{
|
.field_field_title{
|
||||||
|
@ -44,11 +53,15 @@
|
||||||
.field_field_texte{
|
.field_field_texte{
|
||||||
width: 50%;
|
width: 50%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
.colone-picto{
|
.colone-picto{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
|
||||||
h3{
|
h3{
|
||||||
flex: 1 100%;
|
flex: 1 100%;
|
||||||
color: #0833c2ff;
|
color: #0833c2ff;
|
||||||
|
@ -65,48 +78,165 @@
|
||||||
p{
|
p{
|
||||||
padding-right: 2rem;
|
padding-right: 2rem;
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
width: 30%;
|
flex: 1 30%;
|
||||||
|
max-width: 30%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
padding-right: 1rem;
|
||||||
|
flex: 1 30%;
|
||||||
|
max-width: 50%;
|
||||||
|
}
|
||||||
&:nth-of-type(1)::before{
|
&:nth-of-type(1)::before{
|
||||||
content: url("../img/fanion.svg");
|
background-image: url("../img/fanion.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&:nth-of-type(2)::before{
|
&:nth-of-type(2)::before{
|
||||||
content: url("../img/pouce.svg");
|
background-image: url("../img/pouce.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&:nth-of-type(3)::before{
|
&:nth-of-type(3)::before{
|
||||||
content: url("../img/planete.svg");
|
background-image: url("../img/planete.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
&:nth-of-type(4)::before{
|
&:nth-of-type(4)::before{
|
||||||
content: url("../img/puzzle.svg");
|
background-image: url("../img/puzzle.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&:nth-of-type(5)::before{
|
&:nth-of-type(5)::before{
|
||||||
content: url("../img/cube.svg");
|
background-image: url("../img/cube.svg");
|
||||||
|
background-size: 70px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&:nth-of-type(6)::before{
|
&:nth-of-type(6)::before{
|
||||||
content: url("../img/ampoule.svg");
|
background-image: url("../img/ampoule.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&:nth-of-type(7)::before{
|
&:nth-of-type(7)::before{
|
||||||
content: url("../img/bonhome.svg");
|
background-image: url("../img/bonhome.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&:nth-of-type(8)::before{
|
&:nth-of-type(8)::before{
|
||||||
content: url("../img/feuilles.svg");
|
background-image: url("../img/feuilles.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&:nth-of-type(9)::before{
|
&:nth-of-type(9)::before{
|
||||||
content: url("../img/calendrier.svg");
|
background-image: url("../img/calendrier.svg");
|
||||||
|
background-size: 60px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&:nth-of-type(10)::before{
|
&:nth-of-type(10)::before{
|
||||||
content: url("../img/crayons.svg");
|
background-image: url("../img/crayons.svg");
|
||||||
|
background-size: 48px 80px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
content: "";
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-size: 50px 50px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -121,6 +251,10 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
padding-bottom: 2rem;
|
padding-bottom: 2rem;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
width: 90%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
.field_field_texte{
|
.field_field_texte{
|
||||||
margin: auto;
|
margin: auto;
|
||||||
.colone-picto{
|
.colone-picto{
|
||||||
|
@ -135,6 +269,9 @@
|
||||||
width: 60%;
|
width: 60%;
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
|
@media(max-width: 500px){
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
> p:nth-of-type(3){
|
> p:nth-of-type(3){
|
||||||
width: 80%;
|
width: 80%;
|
||||||
|
@ -161,6 +298,9 @@
|
||||||
text-transform: lowercase;
|
text-transform: lowercase;
|
||||||
padding-top: 3rem;
|
padding-top: 3rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@media(max-width: 550px){
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.field_field_texte{
|
.field_field_texte{
|
||||||
width: 80%;
|
width: 80%;
|
||||||
|
@ -169,6 +309,7 @@
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(6 auto);
|
grid-template-columns: repeat(6 auto);
|
||||||
grid-template-rows: repeat(3 1fr);
|
grid-template-rows: repeat(3 1fr);
|
||||||
|
|
||||||
h5{
|
h5{
|
||||||
font-size: 5rem;
|
font-size: 5rem;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
|
@ -198,6 +339,9 @@
|
||||||
svg:nth-of-type(1){
|
svg:nth-of-type(1){
|
||||||
grid-row: 1 /span 2;
|
grid-row: 1 /span 2;
|
||||||
grid-column: 1 /span 2;
|
grid-column: 1 /span 2;
|
||||||
|
@media(max-width: 700px){
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
svg:nth-of-type(2){
|
svg:nth-of-type(2){
|
||||||
grid-row: 3;
|
grid-row: 3;
|
||||||
|
|
|
@ -9,7 +9,7 @@ header{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
transition: height 0.3s, padding 0.3s; /* Add transition for smooth resizing */
|
transition: height 0.3s, padding 0.3s; /* Add transition for smooth resizing */
|
||||||
@media(max-width: 500px){
|
@media(max-width: 700px){
|
||||||
height: $header-height-pad;
|
height: $header-height-pad;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue