diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index 33d49cc..9e23b38 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -864,14 +864,23 @@ footer { right: -25px; } .slick-prev:before { - content: url("../img/prev.svg "); + content: url("../img/prev.svg"); display: block; - transform: scale(0.8); +} +@media (max-width: 810px) { + .slick-prev:before { + transform: scale(0.8); + } } [dir=rtl] .slick-prev:before { - content: url("../img/next.svg "); + content: url("../img/next.svg"); display: block; - transform: scale(0.8); +} +@media (max-width: 810px) { + [dir=rtl] .slick-prev:before { + left: 35%; + transform: scale(0.8); + } } .slick-next { @@ -887,14 +896,23 @@ footer { right: auto; } .slick-next:before { - content: url("../img/next.svg "); + content: url("../img/next.svg"); display: block; - transform: scale(0.8); +} +@media (max-width: 810px) { + .slick-next:before { + transform: scale(0.8); + } } [dir=rtl] .slick-next:before { - content: url("../img/prev.svg "); + content: url("../img/prev.svg"); display: block; - transform: scale(0.8); +} +@media (max-width: 810px) { + [dir=rtl] .slick-next:before { + right: 42%; + transform: scale(0.8); + } } /* Dots */ @@ -1367,7 +1385,7 @@ footer { #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite { text-transform: uppercase; color: red; - font-size: 0.6rem; + font-size: 0.5rem; font-family: "gilroy-bold"; display: inline-flex; align-items: center; @@ -1381,7 +1399,7 @@ footer { color: red; display: inline-flex; align-items: center; - font-size: 0.6rem; + font-size: 0.5rem; font-family: "gilroy-bold"; } #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date::before { diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss index 005bc2d..20f6b57 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss @@ -81,7 +81,7 @@ .field_field_type_d_actualite{ text-transform: uppercase; color: red; - font-size: 0.6rem; + font-size: 0.5rem; font-family: 'gilroy-bold'; display: inline-flex; align-items: center; @@ -95,7 +95,7 @@ color: red; display: inline-flex; align-items: center; - font-size: 0.6rem; + font-size: 0.5rem; font-family: 'gilroy-bold'; &::before{ diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss index cd3f51e..38afc00 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss @@ -16,8 +16,8 @@ $slick-dot-color-active: $slick-dot-color !default; // $slick-prev-character: "\2190" !default; // $slick-next-character: "\2192" !default; -$slick-prev-character: url('../img/prev.svg ') !default; -$slick-next-character: url('../img/next.svg ') !default; +$slick-prev-character: url('../img/prev.svg') !default; +$slick-next-character: url('../img/next.svg') !default; $slick-dot-character: "\2022" !default; $slick-dot-size: 6px !default; @@ -125,11 +125,16 @@ $slick-opacity-not-active: 0.25 !default; &:before { content: $slick-prev-character; display: block; - transform: scale(0.8); + @media(max-width:810px){ + transform: scale(0.8); + } [dir="rtl"] & { content: $slick-next-character; display: block; - transform: scale(0.8); + @media(max-width:810px){ + left: 35%; + transform: scale(0.8); + } } } @@ -147,12 +152,18 @@ $slick-opacity-not-active: 0.25 !default; &:before { content: $slick-next-character; display: block; - transform: scale(0.8); + @media(max-width:810px){ + transform: scale(0.8); + } [dir="rtl"] & { content: $slick-prev-character; display: block; - transform: scale(0.8); + @media(max-width:810px){ + right: 42%; + transform: scale(0.8); + } + } }