Compare commits

...

2 Commits

Author SHA1 Message Date
ouidade 3c7a02ff71 timeline css 2024-10-24 21:37:49 +02:00
ouidade a32afd11e4 pilliers 2024-10-24 21:26:28 +02:00
4 changed files with 39 additions and 5 deletions

View File

@ -902,8 +902,8 @@ footer {
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
.slick-prev:after,
.slick-next:after {
font-family: "slick";
font-size: 20px;
line-height: 1;
@ -946,7 +946,7 @@ footer {
}
.slick-next {
right: 48%;
right: 45%;
}
@media (max-width: 810px) {
.slick-next {
@ -1292,6 +1292,7 @@ footer {
min-width: 35%;
height: 300px;
margin-bottom: 1rem;
hyphens: auto;
}
@media (max-width: 1090px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .text {
@ -2172,6 +2173,11 @@ body {
padding-left: 0rem;
}
}
@media (min-width: 1090px) {
#home article.node-type-static #paragraph-id--7 {
padding-left: 4rem;
}
}
#home article.node-type-static #paragraph-id--7 .field_field_title {
width: 48%;
text-transform: lowercase;
@ -2280,6 +2286,11 @@ body {
width: 270px;
}
}
@media (min-width: 1090px) {
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(1) {
width: 270px;
}
}
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(2) {
grid-row: 3;
grid-column: inherit;
@ -2302,6 +2313,11 @@ body {
width: 270px;
}
}
@media (min-width: 1090px) {
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(2) {
width: 270px;
}
}
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(3) {
grid-row: 1/span 2;
grid-column: 5/span 6;
@ -2326,6 +2342,11 @@ body {
width: 270px;
}
}
@media (min-width: 1090px) {
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(3) {
width: 270px;
}
}
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(1) {
grid-row: 3;
grid-column: 1/span 2;

View File

@ -493,6 +493,9 @@
@media(max-width: 1090px){
padding-left: 0rem;
}
@media(min-width: 1090px){
padding-left: 4rem;
}
.field_field_title{
width: 48%;
text-transform: lowercase;
@ -583,6 +586,9 @@
@media(max-width: 1090px){
width: 270px;
}
@media(min-width: 1090px){
width: 270px;
}
}
svg:nth-of-type(2){
@ -603,6 +609,9 @@
@media(max-width: 1090px){
width: 270px;
}
@media(min-width: 1090px){
width: 270px;
}
}
svg:nth-of-type(3){
grid-row: 1 /span 2;
@ -623,6 +632,9 @@
@media(max-width: 1090px){
width: 270px;
}
@media(min-width: 1090px){
width: 270px;
}
}
p:nth-of-type(1){

View File

@ -101,7 +101,7 @@ $slick-opacity-not-active: 0.25 !default;
&.slick-disabled:before {
opacity: $slick-opacity-not-active;
}
&:before {
&:after {
font-family: $slick-font-family;
font-size: 20px;
line-height: 1;
@ -141,7 +141,7 @@ $slick-opacity-not-active: 0.25 !default;
}
.slick-next {
right: 48%;
right: 45%;
@media(max-width:810px){
right: 42%;
}

View File

@ -170,6 +170,7 @@
min-width: 35%;
height: 300px;
margin-bottom: 1rem;
hyphens: auto;
@media(max-width:1090px){
height: 200px;