bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css home buton et forme

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-11-08 21:10:16 +01:00
parent b4f8c069fc
commit 4595b84af1
5 changed files with 38 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@@ -1556,9 +1556,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home #background-animated {
position: absolute;
top: 1800px;
left: 220px;
width: 87%;
top: 1500px;
left: 200px;
width: 90%;
pointer-events: none; /* Permet de cliquer à travers l'élément */
z-index: 2; /* S'assure que l'élément soit au-dessus */
}
@@ -1835,15 +1835,19 @@ body {
margin-top: 0;
}
}
#home article.node-type-static .field_body > p:nth-child(4) {
flex: 1 100%;
#home article.node-type-static .field_body h6 {
display: flex;
justify-content: center;
padding-right: 2rem;
margin-top: 0;
margin-bottom: 2rem;
margin-top: 1rem;
margin-bottom: 2rem !important;
width: fit-content;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
margin-bottom: 0.3rem;
}
#home article.node-type-static .field_body > p:nth-child(4) a {
#home article.node-type-static .field_body h6 a {
display: inline-flex;
align-items: center;
color: white;
@@ -1852,10 +1856,10 @@ body {
font-size: 0.6rem;
padding-left: 0.5rem;
}
#home article.node-type-static .field_body > p:nth-child(4) a svg {
#home article.node-type-static .field_body h6 a svg {
display: none;
}
#home article.node-type-static .field_body > p:nth-child(4) a::after {
#home article.node-type-static .field_body h6 a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
@@ -3300,7 +3304,7 @@ body {
flex-direction: column;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .documents-liens-wrapper .field_field_documents {
margin-bottom: 0.5rem;
margin-bottom: 0.3rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site {
display: flex;

12
web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg vendored
View File

@@ -4,9 +4,9 @@
<svg
version="1.1"
id="svg1"
width="1760.8781"
width="1800.8781"
height="3633.5603"
viewBox="0 0 1760.878 3633.5604"
viewBox="0 0 1800.878 3633.5604"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
@@ -38,7 +38,7 @@
</defs>
<g
id="g3"
transform="translate(-339.16899,-2704.2078)">
transform="translate(-299.16899,-2704.2078)">
<g
id="g2">
<g
@@ -46,7 +46,7 @@
transform="translate(0.17944336,-2.9196463)">
<path
id="path256"
d="m 361.27266,3336.1817 182.91889,175.8201"
d="m 321.27266,3336.1817 182.91889,175.8201"
style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
id="path256-3"
@@ -89,13 +89,13 @@
id="rect1"
width="1540.1483"
height="112.19624"
x="37.598515"
x="77.598511"
y="68.049271" />
<rect
style="fill:none;stroke-width:0;paint-order:stroke fill markers"
id="rect3"
width="1559.4871"
height="238.19258"
x="73.212296"
x="113.2123"
y="3395.3674" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

18
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
View File

@@ -115,14 +115,20 @@
margin-top: 0;
}
}
> p:nth-child(4){
flex: 1 100%;
h6{
// flex: 1 100%;
display: flex;
justify-content: center;
padding-right: 2rem;
margin-top: 0;
margin-bottom: 2rem;
// padding-right: 2rem;
margin-top: 1rem;
margin-bottom: 2rem !important;
width: fit-content;
color: white;
background: black;
// padding-left: 0.5rem;
text-transform: uppercase;
font-size: 0.6rem;
margin-bottom: 0.3rem;
// margin: auto;
// padding-bottom: 2rem;
// @media(max-width: 1090px){

2
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
View File

@@ -371,7 +371,7 @@
flex-direction: column;
}
.field_field_documents{
margin-bottom: 0.5rem;
margin-bottom: 0.3rem;
}
}
.field_field_liens_site{

6
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss
View File

@@ -3,9 +3,9 @@
#background-animated {
// display: none;
position: absolute;
top: 1800px;
left: 220px;
width: 87%;
top: 1500px;
left: 200px;
width: 90%;
// height: 100%;
pointer-events: none; /* Permet de cliquer à travers l'élément */
z-index: 2; /* S'assure que l'élément soit au-dessus */