malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Remove Splide slider outset

Browse Source 
This was more trouble than it is worth.
This commit is contained in:
Tetrakern 2024-10-30 17:27:51 +01:00
parent 83ba5069fa
commit 236775fcd1
2 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/splide.css
View File

File diff suppressed because one or more lines are too long

10
src/scss/splide.scss
View File

@ -7,10 +7,8 @@
.splide { .splide {
--this-arrow-size: #{get_clamp(20, 40, 320, 640)}; --this-arrow-size: #{get_clamp(20, 40, 320, 640)};
--this-outset: 6px; width: 100%;
width: calc(100% + 2 * var(--this-outset));
max-width: 100vw; max-width: 100vw;
transform: translateX(calc(-1 * var(--this-outset)));
padding-top: var(--this-arrow-vertical-padding, 0px); padding-top: var(--this-arrow-vertical-padding, 0px);
padding-left: calc(var(--this-arrow-horizontal-padding, 0px)); padding-left: calc(var(--this-arrow-horizontal-padding, 0px));
padding-bottom: var(--this-arrow-vertical-padding, 0px); padding-bottom: var(--this-arrow-vertical-padding, 0px);
@ -26,8 +24,6 @@
} }
&:is(.splide--ttb, ._list) { &:is(.splide--ttb, ._list) {
--this-outset: 0px;
.splide__slide { .splide__slide {
height: auto !important; height: auto !important;
} }
@ -38,7 +34,7 @@
} }
&:has(.splide__pagination) { &:has(.splide__pagination) {
--this-arrow-offset: 9px; // Offset bottom pagination --this-arrow-offset: 16px; // Offset bottom pagination
} }
&:has(.splide__arrows) { &:has(.splide__arrows) {
@ -60,7 +56,7 @@
} }
&__track { &__track {
padding: var(--this-outset) var(--this-outset) var(--this-pagination-vertical-padding, 16px) !important; padding: 0 0 var(--this-pagination-vertical-padding, 16px) !important;
} }
&.article-card-block.is-overflow .splide__track { &.article-card-block.is-overflow .splide__track {