bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

home + responsive

Browse Source
This commit is contained in:
ouidade
2022-03-10 10:53:52 +01:00
parent d8632851a9
commit 3f4ffd88de
10 changed files with 2190 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/scss/pages/_home.scss
+78 -21
View File
@@ -19,36 +19,86 @@
.block-config-pages-block{
grid-area: presentation;
width: 100%;
background: url("../images/pictos/forme_home_2.svg");
height: 78vh;
background: url("../images/pictos/rosace_coupee.svg");
// background: url("../images/carre_site.mp4");
// background-size: 75%;
background-position-y: bottom;
background-position-x: left;
background-position-y: top;
background-position-x: center;
background-repeat: no-repeat;
background-size: cover;
@media (max-width: 428px){
height: 66vh;
background-size: cover;
background-position-y: top;
background-position-x: left;
}
.config_pages--type--home-front{
width:45%;
// width:20vw;
// min-width: fit-content;
// height: 20vw;
width: 400px;
height: 400px;
min-height: fit-content;
margin: auto;
background-color: white;
padding-left: 2rem;
padding-bottom: 4rem;
margin-top: 7rem;
margin-left: 22%;
margin-bottom: 5rem;
padding: 4rem 2rem 4rem 2rem;
// padding-left: 5%;
// padding-right: 5%;
// padding-bottom: 4rem;
// padding-top: 4rem;
@media (max-width: 428px){
width: 300px;
height: 200px;
margin-left: 10%;
padding: 3rem 5% 4rem 5%;
margin-top: 5rem;
}
.field--name-field-titre{
font-size: 5rem;
// font-size: 5rem;
// font-weight: 900;
// color: $blue-light;
// line-height: 5.7rem;
// margin-top: 4rem;
// margin-bottom: 2rem;
// width: fit-content;
color: #e1000f;
font-weight: 900;
color: $blue-light;
line-height: 5.7rem;
margin-top: 4rem;
margin-bottom: 2rem;
width: fit-content;
font-size: 1.5rem;
text-transform: uppercase;
font-family: "Source Code Pro";
@media (max-width: 428px){
font-size: 1.2rem;;
}
}
.field--name-field-sous-titre{
color: #e1000f;
// color: #e1000f;
// font-weight: 900;
// font-size: 1.8rem;
// text-transform: uppercase;
// font-family: "Source Code Pro";
font-size: 3rem;
font-weight: 900;
font-size: 1.8rem;
text-transform: uppercase;
font-family: "Source Code Pro";
color: $blue-light;
line-height: 4rem;
margin-top: 4rem;
margin-bottom: 2rem;
width: fit-content;
@media (max-width: 428px){
font-size: 2.5rem;
line-height: 3rem;
margin-top: 1rem;
}
}
.field--name-field-punchline{
color: $blue-light;
@@ -59,13 +109,15 @@
padding-bottom: 3rem;
}
.field--name-field-lien{
position: relative;
background-color: $white;
// border: 2px solid $blue-light;
border: 2px solid $blue-light;
width: fit-content;
height: 1.5rem;
padding: 0.4rem 1rem;
text-align: center !important;
float: right;
bottom: 0;
a{
display: inline-flex;
text-transform: uppercase;
@@ -76,14 +128,19 @@
&:after{
display: block;
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
}
}
}
}
}
.block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca{
display: none;
}
.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
display: none;
}
// .block-views-blockhome-nodes-block-1{
// grid-area: presentation;