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

css timeline

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-11-12 15:23:22 +01:00
parent 8c9c666444
commit ff34737ccb
7 changed files with 63 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,11 +5,13 @@
padding-bottom: 6rem;
h2{
width: fit-content;
padding-bottom: 1.5rem;
padding-bottom: 0.5rem;
margin-top: 4rem;
margin-bottom: 3rem;
font-size: 1.7rem;
font-family: 'gilroy-semibold';
padding-left: 0.5rem;
}
.content-actus{
.view{

12
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss
View File

@@ -114,11 +114,17 @@ $slick-opacity-not-active: 0.25 !default;
.slick-prev {
left: 45%;
@media(min-width:1480px){
left: 47%;
}
@media(max-width:1080px){
left: 45%;
}
@media(max-width:510px){
right: 39%;
left: 39%;
}
@media(max-width:310px){
left: 54%;
}
[dir="rtl"] & {
left: auto;
@@ -137,6 +143,7 @@ $slick-opacity-not-active: 0.25 !default;
left: 45%;
transform: scale(0.8);
}
}
}
@@ -150,6 +157,9 @@ $slick-opacity-not-active: 0.25 !default;
@media(max-width:510px){
right: 45%;
}
@media(max-width:390px){
right: 42%;
}
[dir="rtl"] & {
left: -25px;
right: auto;

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

@@ -19,11 +19,12 @@
margin: auto;
padding-top: 4rem;
font-size: 1.7rem;
padding-left: 0.5rem;
}
.config_pages--type--deroulement{
height: 550px;
margin-top: 4.5rem;
margin-top: 3.5rem;
.field_field_phase{
height: 100%;
.timeline{
@@ -51,10 +52,11 @@
align-items: center;
padding-right: 1rem;
// padding-bottom: 1rem;
@media(max-width:500px){
@media(max-width:1100px){
flex-direction: column;
align-items: baseline;
padding-bottom: 1rem;
padding-left: 4rem;
}
.border-symbol{
align-self: end;
@@ -62,6 +64,10 @@
display: inline-block; /* Permet d'utiliser height */
line-height: 0; /* Assure que la hauteur est minimale */
transform: translateX(1rem);
@media(max-width:1100px){
transform: translateY(18.6rem);
}
@media(max-width:500px){
align-self: center;
font-size: 2.5rem;
@@ -70,6 +76,10 @@
transform: translateY(22.5rem);
padding-right: 3rem;
}
@media(max-width:810px){
transform: translateY(21.2rem);
}
}
// border-bottom: solid black 1px;
// &:before{