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

actu caroussel

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

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

@@ -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 {

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{
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{

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

@@ -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);
}
}
}