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

actu caroussel

This commit is contained in:
ouidade 2024-07-18 13:52:18 +02:00
parent 707811c43a
commit d5eb3707e4
3 changed files with 47 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -866,13 +866,22 @@ footer {
.slick-prev:before { .slick-prev:before {
content: url("../img/prev.svg"); content: url("../img/prev.svg");
display: block; display: block;
}
@media (max-width: 810px) {
.slick-prev:before {
transform: scale(0.8); transform: scale(0.8);
} }
}
[dir=rtl] .slick-prev:before { [dir=rtl] .slick-prev:before {
content: url("../img/next.svg"); content: url("../img/next.svg");
display: block; display: block;
}
@media (max-width: 810px) {
[dir=rtl] .slick-prev:before {
left: 35%;
transform: scale(0.8); transform: scale(0.8);
} }
}
.slick-next { .slick-next {
right: 48%; right: 48%;
@ -889,13 +898,22 @@ footer {
.slick-next:before { .slick-next:before {
content: url("../img/next.svg"); content: url("../img/next.svg");
display: block; display: block;
}
@media (max-width: 810px) {
.slick-next:before {
transform: scale(0.8); transform: scale(0.8);
} }
}
[dir=rtl] .slick-next:before { [dir=rtl] .slick-next:before {
content: url("../img/prev.svg"); content: url("../img/prev.svg");
display: block; display: block;
}
@media (max-width: 810px) {
[dir=rtl] .slick-next:before {
right: 42%;
transform: scale(0.8); transform: scale(0.8);
} }
}
/* Dots */ /* Dots */
.slick-dotted.slick-slider { .slick-dotted.slick-slider {
@ -1367,7 +1385,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.6rem; font-size: 0.5rem;
font-family: "gilroy-bold"; font-family: "gilroy-bold";
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -1381,7 +1399,7 @@ footer {
color: red; color: red;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
font-size: 0.6rem; font-size: 0.5rem;
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 {

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

@ -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.6rem; font-size: 0.5rem;
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.6rem; font-size: 0.5rem;
font-family: 'gilroy-bold'; font-family: 'gilroy-bold';
&::before{ &::before{

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

@ -125,11 +125,16 @@ $slick-opacity-not-active: 0.25 !default;
&:before { &:before {
content: $slick-prev-character; content: $slick-prev-character;
display: block; display: block;
@media(max-width:810px){
transform: scale(0.8); transform: scale(0.8);
}
[dir="rtl"] & { [dir="rtl"] & {
content: $slick-next-character; content: $slick-next-character;
display: block; display: block;
@media(max-width:810px){
left: 35%;
transform: scale(0.8); transform: scale(0.8);
}
} }
} }
@ -147,12 +152,18 @@ $slick-opacity-not-active: 0.25 !default;
&:before { &:before {
content: $slick-next-character; content: $slick-next-character;
display: block; display: block;
@media(max-width:810px){
transform: scale(0.8); transform: scale(0.8);
}
[dir="rtl"] & { [dir="rtl"] & {
content: $slick-prev-character; content: $slick-prev-character;
display: block; display: block;
@media(max-width:810px){
right: 42%;
transform: scale(0.8); transform: scale(0.8);
}
} }
} }