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

top svg

This commit is contained in:
ouidade 2024-07-11 17:23:09 +02:00
parent 5ecbe76fad
commit cae46393e9
4 changed files with 18 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1217,6 +1217,7 @@ footer {
border: solid rgb(7, 50, 194) 1px; border: solid rgb(7, 50, 194) 1px;
border-radius: 5%; border-radius: 5%;
padding: 0.6rem 0.6rem; padding: 0.6rem 0.6rem;
line-height: 1.1;
min-width: 65%; min-width: 65%;
} }
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre { #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
@ -1262,7 +1263,7 @@ footer {
width: 100vw; width: 100vw;
} }
#actus-caroussel .content-actus .views-row { #actus-caroussel .content-actus .views-row {
width: 650px !important; width: 500px !important;
padding: 1rem; padding: 1rem;
} }
@media (max-width: 550px) { @media (max-width: 550px) {
@ -1281,7 +1282,7 @@ footer {
-khtml-border-radius: 9px; /* pour Safari et Chrome */ -khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */ -webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */ border-radius: 9px; /* CSS3 */
height: 350px; height: 250px;
margin-bottom: 0.6rem; margin-bottom: 0.6rem;
} }
@media (max-width: 550px) { @media (max-width: 550px) {
@ -1330,7 +1331,7 @@ footer {
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite { #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite {
text-transform: uppercase; text-transform: uppercase;
color: red; color: red;
font-size: 0.8rem; font-size: 0.6rem;
font-family: "gilroy-bold"; font-family: "gilroy-bold";
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -1344,7 +1345,7 @@ footer {
color: red; color: red;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
font-size: 0.8rem; font-size: 0.6rem;
font-family: "gilroy-bold"; font-family: "gilroy-bold";
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date::before { #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date::before {
@ -1352,15 +1353,15 @@ footer {
padding-right: 0.3rem; padding-right: 0.3rem;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title { #actus-caroussel .content-actus .views-row article.node-type-actualite .field_title {
padding-top: 0.5rem; padding-top: 0.2rem;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 { #actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 {
margin: 0; margin: 0;
line-height: 0.4; line-height: 0.4;
padding-bottom: 0.8rem; padding-bottom: 0.6rem;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 a { #actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 a {
font-size: 1rem; font-size: 0.8rem;
color: rgb(7, 50, 194); color: rgb(7, 50, 194);
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_body { #actus-caroussel .content-actus .views-row article.node-type-actualite .field_body {
@ -1369,7 +1370,7 @@ footer {
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite .field_body p { #actus-caroussel .content-actus .views-row article.node-type-actualite .field_body p {
margin: 0; margin: 0;
font-size: 0.9rem; font-size: 0.7rem;
} }
#actus-caroussel .content-actus .views-row:nth-child(odd) { #actus-caroussel .content-actus .views-row:nth-child(odd) {
position: relative; position: relative;

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

@ -3,19 +3,6 @@
.config_pages--type--diaporama-home{ .config_pages--type--diaporama-home{
position: relative; position: relative;
// #svg1{
// position: absolute;
// z-index: 5;
// right: 11rem;
// bottom: -16rem;
// width: 50%;
// @media(max-width: 810px){
// display:none;
// // bottom: -4rem;
// // right: 4rem;
// // width: 72%;
// }
// }
.field_field_images{ .field_field_images{
img{ img{
width: 100%; width: 100%;
@ -48,17 +35,6 @@
flex-direction: row; flex-direction: row;
flex-wrap: wrap ; flex-wrap: wrap ;
position: relative; position: relative;
// &::after{
// content: url('../img/formes-animees-2.svg');
// display: block;
// position: absolute;
// z-index: 5;
// left: 1rem;
// bottom: 0;
// @media(max-width: 810px){
// display: none;
// }
// }
@media(max-width: 1090px){ @media(max-width: 1090px){
flex-direction: column; flex-direction: column;
} }

16
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
View File

@ -19,7 +19,7 @@
width: 100vw; width: 100vw;
} }
.views-row{ .views-row{
width: 650px !important; width: 500px !important;
padding: 1rem; padding: 1rem;
@media(max-width: 550px){ @media(max-width: 550px){
@ -35,7 +35,7 @@
-khtml-border-radius: 9px; /* pour Safari et Chrome */ -khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */ -webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */ border-radius: 9px; /* CSS3 */
height: 350px; height: 250px;
margin-bottom: 0.6rem; margin-bottom: 0.6rem;
@media(max-width: 550px){ @media(max-width: 550px){
height: 170px; height: 170px;
@ -81,7 +81,7 @@
.field_field_type_d_actualite{ .field_field_type_d_actualite{
text-transform: uppercase; text-transform: uppercase;
color: red; color: red;
font-size: 0.8rem; font-size: 0.6rem;
font-family: 'gilroy-bold'; font-family: 'gilroy-bold';
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -95,7 +95,7 @@
color: red; color: red;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
font-size: 0.8rem; font-size: 0.6rem;
font-family: 'gilroy-bold'; font-family: 'gilroy-bold';
&::before{ &::before{
@ -106,13 +106,13 @@
.field_title{ .field_title{
padding-top: 0.5rem; padding-top: 0.2rem;
h2{ h2{
margin: 0; margin: 0;
line-height: 0.4; line-height: 0.4;
padding-bottom: 0.8rem; padding-bottom: 0.6rem;
a{ a{
font-size: 1rem; font-size: 0.8rem;
color: $blue_QDD; color: $blue_QDD;
} }
} }
@ -123,7 +123,7 @@
transform: none !important; transform: none !important;
p{ p{
margin: 0; margin: 0;
font-size: 0.9rem ; font-size: 0.7rem ;
} }
} }
} }

23
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
View File

@ -14,28 +14,6 @@
cursor:grab; cursor:grab;
} }
position: relative; position: relative;
// &::before{
// content: url('../img/formes-animees-6.svg');
// display: block;
// position: absolute;
// z-index: 5;
// right: 20%;
// top: 2rem;
// @media(max-width: 810px){
// display: none;
// }
// }
// &::after{
// content: url('../img/formes-animees-7.svg');
// display: block;
// position: absolute;
// z-index: 5;
// right: 26%;
// bottom: -9rem;
// @media(max-width: 810px){
// display: none;
// }
// }
h2{ h2{
width: fit-content; width: fit-content;
margin: auto; margin: auto;
@ -206,6 +184,7 @@
border: solid $blue_QDD 1px; border: solid $blue_QDD 1px;
border-radius: 5%; border-radius: 5%;
padding: 0.6rem 0.6rem; padding: 0.6rem 0.6rem;
line-height: 1.1;
// width: fit-content; // width: fit-content;
min-width: 65%; min-width: 65%;
.field_field_titre{ .field_field_titre{