first commit

This commit is contained in:
2024-10-23 12:55:46 +02:00
commit 85c92aa932
8453 changed files with 1186172 additions and 0 deletions

View File

@@ -0,0 +1,3 @@
@forward 'nav' as nav-*;
@forward 'rtl' as rtl-*;
@forward 'ttb' as ttb-*;

View File

@@ -0,0 +1,37 @@
@use '../../foundation/colors';
@use '../../foundation/mixins';
$border: 3px solid transparent !default;
$border-active: 3px solid colors.$main !default;
$border-radius: false !default;
$opacity: false !default;
$opacity-active: false !default;
.splide {
$root: &;
&__track--nav {
> #{ $root }__list {
> #{ $root }__slide {
border: $border;
cursor: pointer;
@if $opacity {
opacity: $opacity;
}
@if $border-radius {
border-radius: $border-radius;
}
&.is-active {
border: $border-active;
@if $opacity {
opacity: $opacity-active;
}
}
}
}
}
}

View File

@@ -0,0 +1,28 @@
$arrow-right: 1em !default;
$arrow-left: 1em !default;
.splide {
$root: &;
&__arrows--rtl {
#{ $root }__arrow {
&--prev {
left: auto;
right: $arrow-right;
svg {
transform: scaleX( 1 );
}
}
&--next {
left: $arrow-left;
right: auto;
svg {
transform: scaleX( -1 );
}
}
}
}
}

View File

@@ -0,0 +1,54 @@
$arrow-top: 1em !default;
$arrow-bottom: 1em !default;
$pagination-left: auto !default;
$pagination-right: .5em !default;
$pagination-dot-width: false !default;
$pagination-dot-height: false !default;
.splide {
$root: &;
&__arrows--ttb {
#{ $root }__arrow {
left: 50%;
transform: translate( -50%, 0 );
&--prev {
top: $arrow-top;
svg {
transform: rotateZ( -90deg );
}
}
&--next {
bottom: $arrow-bottom;
top: auto;
svg {
transform: rotateZ( 90deg );
}
}
}
}
&__pagination--ttb {
bottom: 0;
display: flex;
flex-direction: column;
left: $pagination-left;
padding: 1em 0;
right: $pagination-right;
top: 0;
#{ $root }__pagination__page {
@if $pagination-dot-width {
width: $pagination-dot-width;
}
@if $pagination-dot-height {
height: $pagination-dot-height;
}
}
}
}

View File

@@ -0,0 +1,105 @@
@use '../../foundation/colors';
@use '../../foundation/mixins';
$size: 1.2em !default;
$fill: colors.$main !default;
$fill-hover: false !default;
$transition: false !default;
$button-size: 2em !default;
$button-background: colors.$background !default;
$button-background-hover: false !default;
$button-border: 0 !default;
$button-padding: 0 !default;
$button-border-radius: 50% !default;
$button-transition: false !default;
$opacity: .7 !default;
$opacity-hover: .9 !default;
$opacity-disabled: .3 !default;
$left: 1em !default;
$right: 1em !default;
.splide {
$root: &;
&__arrow {
background: $button-background;
border: $button-border;
cursor: pointer;
padding: $button-padding;
position: absolute;
top: 50%;
transform: translateY( -50% );
z-index: 1;
@if $opacity {
opacity: $opacity;
}
@if $button-size {
align-items: center;
border-radius: $button-border-radius;
display: flex;
justify-content: center;
height: $button-size;
width: $button-size;
}
@if $button-transition {
transition: $button-transition;
}
svg {
fill: $fill;
height: $size;
width: $size;
@if $transition {
transition: $transition;
}
}
&:hover:not(:disabled) {
@if $opacity-hover {
opacity: $opacity-hover;
}
@if $button-background-hover {
background: $button-background-hover;
}
@if $fill-hover {
svg {
fill: $fill-hover;
}
}
}
&:disabled {
@if $opacity-disabled {
opacity: $opacity-disabled;
}
}
&:focus-visible {
@include mixins.focus-outline;
}
&--prev {
left: $left;
svg {
transform: scaleX( -1 );
}
}
&--next {
right: $right;
}
}
&.is-focus-in {
#{ $root }__arrow:focus {
@include mixins.focus-outline;
}
}
}

View File

@@ -0,0 +1,5 @@
@forward 'arrow' as arrow-*;
@forward 'pagination' as pagination-*;
@forward 'progress' as progress-*;
@forward 'slide' as slide-*;
@forward 'toggle' as toggle-*;

View File

@@ -0,0 +1,80 @@
@use '../../foundation/colors';
@use '../../foundation/mixins';
$bottom: .5em !default;
$dot-width: 8px !default;
$dot-height: 8px !default;
$dot-background: colors.$background !default;
$dot-background-hover: false !default;
$dot-background-active: colors.$background-active !default;
$dot-border: 0 !default;
$dot-border-radius: 50% !default;
$dot-margin: 3px !default;
$dot-padding: 0 !default;
$dot-opacity: .7 !default;
$dot-opacity-hover: .9 !default;
$dot-transition: transform .2s linear !default;
$dot-transform-active: scale( 1.4 ) !default;
.splide {
$root: &;
&__pagination {
bottom: $bottom;
left: 0;
padding: 0 1em;
position: absolute;
right: 0;
z-index: 1;
&__page {
background: $dot-background;
border: $dot-border;
border-radius: $dot-border-radius;
display: inline-block;
height: $dot-height;
margin: $dot-margin;
padding: $dot-padding;
position: relative;
transition: $dot-transition;
width: $dot-width;
@if $dot-opacity {
opacity: $dot-opacity;
}
&.is-active {
background: $dot-background-active;
z-index: 1;
@if $dot-transform-active {
transform: $dot-transform-active;
}
}
&:hover {
cursor: pointer;
@if $dot-opacity-hover {
opacity: $dot-opacity-hover;
}
@if $dot-background-hover {
background: $dot-background-hover;
}
}
&:focus-visible {
@include mixins.focus-outline;
}
}
}
&.is-focus-in {
#{ $root }__pagination {
&__page:focus {
@include mixins.focus-outline;
}
}
}
}

View File

@@ -0,0 +1,13 @@
@use '../../foundation/colors';
$height: 3px !default;
$background: colors.$background;
.splide {
&__progress {
&__bar {
background: $background;
height: $height;
}
}
}

View File

@@ -0,0 +1,42 @@
@use '../../foundation/colors';
@use '../../foundation/mixins';
$border-radius: false !default;
$outline-offset: -2px !default;
.splide {
$root: &;
&__slide {
-webkit-tap-highlight-color: transparent;
@if $border-radius {
border-radius: $border-radius;
}
// Gets rid of a focus ring in IE and Safari
&:focus {
outline: 0;
}
&:focus-visible {
@include mixins.focus-outline-inset;
}
}
&.is-focus-in {
#{ $root }__slide:focus {
@include mixins.focus-outline-inset;
}
#{ $root }__track {
> #{ $root }__list {
> #{ $root }__slide:focus {
@include mixins.ie-only {
border-color: colors.$focus;
}
}
}
}
}
}

View File

@@ -0,0 +1,19 @@
@use '../../foundation/mixins';
.splide {
$root: &;
&__toggle {
cursor: pointer;
&:focus-visible {
@include mixins.focus-outline;
}
}
&.is-focus-in {
#{ $root }__toggle:focus {
@include mixins.focus-outline;
}
}
}

View File

@@ -0,0 +1 @@
.splide__arrow{background:#ccc;border:0;cursor:pointer;padding:0;position:absolute;top:50%;transform:translateY(-50%);z-index:1;opacity:.7;align-items:center;border-radius:50%;display:flex;justify-content:center;height:2em;width:2em}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:#0bf 3px solid;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:#0bf 3px solid;outline-offset:3px}/*# sourceMappingURL=arrow.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../objects/arrow.scss","../../foundation/colors.scss","../../foundation/mixins.scss"],"names":[],"mappings":"AAuBE,eACE,eCpBS,CDqBT,QAfY,CAgBZ,cAAA,CACA,SAhBa,CAiBb,iBAAA,CACA,OAAA,CACA,0BAAA,CACA,SAAA,CAGE,UApBI,CAwBJ,kBAAA,CACA,iBA3BiB,CA4BjB,YAAA,CACA,sBAAA,CACA,UAnCQ,CAoCR,SApCQ,CA2CV,mBACE,SCnDC,CDoDD,YAjDC,CAkDD,WAlDC,CAyDH,oCAEI,UA/CQ,CA6DZ,wBAEI,UA9DW,CAkEf,6BErEF,sBAXQ,CAYR,kBAXe,CFmFb,qBACE,QAtEC,CAwED,yBACE,oBAAA,CAIJ,qBACE,SA7EE,CAkFJ,yCEvFF,sBAXQ,CAYR,kBAXe","file":"arrow.css"}

View File

@@ -0,0 +1 @@
.splide__track--nav>.splide__list>.splide__slide{border:3px solid rgba(0,0,0,0);cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%, 0)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotateZ(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotateZ(90deg)}.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}/*# sourceMappingURL=index.css.map */.7}.splide__pagination__page.is-active{background:#fff;z-index:1;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:#0bf 3px solid;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:#0bf 3px solid;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset: -3px){.splide__slide:focus-visible{outline:#0bf 3px solid;outline-offset:-3px}}@media screen and (-ms-high-contrast: none){.splide__slide:focus-visible{border:#0bf 3px solid}}@supports(outline-offset: -3px){.splide.is-focus-in .splide__slide:focus{outline:#0bf 3px solid;outline-offset:-3px}}@media screen and (-ms-high-contrast: none){.splide.is-focus-in .splide__slide:focus{border:#0bf 3px solid}}@media screen and (-ms-high-contrast: none){.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:#0bf 3px solid;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:#0bf 3px solid;outline-offset:3px}/*# sourceMappingURL=index.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../modifiers/nav.scss","../modifiers/rtl.scss","../modifiers/ttb.scss"],"names":[],"mappings":"AAcM,iDACE,8BAZC,CAaD,cAAA,CAUA,2DACE,qBAvBM,CCIV,0CACE,SAAA,CACA,SAVM,CAYN,8CACE,mBAAA,CAIJ,0CACE,QAjBK,CAkBL,UAAA,CAEA,8CACE,oBAAA,CCXN,oCACE,QAAA,CACA,4BAAA,CAEA,0CACE,OAhBI,CAkBJ,8CACE,yBAAA,CAIJ,0CACE,UAvBO,CAwBP,QAAA,CAEA,8CACE,wBAAA,CAMR,yBACE,QAAA,CACA,YAAA,CACA,qBAAA,CACA,SApCc,CAqCd,aAAA,CACA,UArCe,CAsCf,KAAA","file":"index.css"},oCAEI,UA/CQ,CA6DZ,wBAEI,UA9DW,CAkEf,6BErEF,sBAXQ,CAYR,kBAXe,CFmFb,qBACE,QAtEC,CAwED,yBACE,oBAAA,CAIJ,qBACE,SA7EE,CAkFJ,yCEvFF,sBAXQ,CAYR,kBAXe,CCkBf,oBACE,WAnBK,CAoBL,MAAA,CACA,aAAA,CACA,iBAAA,CACA,OAAA,CACA,SAAA,CAEA,0BACE,eF1BO,CE2BP,QAtBO,CAuBP,iBAtBc,CAuBd,oBAAA,CACA,UA7BO,CA8BP,UAxBO,CAyBP,SAxBQ,CAyBR,iBAAA,CACA,+BAvBW,CAwBX,SAnCM,CAsCJ,UA7BM,CAgCR,oCACE,eFzCY,CE0CZ,SAAA,CAGE,oBAlCa,CAsCjB,gCACE,cAAA,CAGE,UA5CU,CAoDd,wCDrDJ,sBAXQ,CAYR,kBAXe,CCuEX,oDD7DJ,sBAXQ,CAYR,kBAXe,CEIb,uBACE,eHJO,CGKP,UAPG,CCOP,eACE,yCAAA,CAOA,qBACE,SAAA,CAAA,gCAGF,6BHRF,sBAXQ,CAYR,mBAVqB,CAAA,CAGrB,4CGcE,6BHGA,qBAtBM,CAAA,CAgBR,gCGSE,yCHdF,sBAXQ,CAYR,mBAVqB,CAAA,CAGrB,4CGoBE,yCHHA,qBAtBM,CAAA,CAKR,4CG0BM,sEAEI,iBJ5BJ,CAAA,CKFN,gBACE,cAAA,CAEA,8BJKF,sBAXQ,CAYR,kBAXe,CIWb,0CJDF,sBAXQ,CAYR,kBAXe","file":"index.css"}

View File

@@ -0,0 +1 @@
.splide__track--nav>.splide__list>.splide__slide{border:3px solid rgba(0,0,0,0);cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}/*# sourceMappingURL=nav.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../modifiers/nav.scss"],"names":[],"mappings":"AAcM,iDACE,8BAZC,CAaD,cAAA,CAUA,2DACE,qBAvBM","file":"nav.css"}

View File

@@ -0,0 +1 @@
.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;padding:0;position:relative;transition:transform .2s linear;width:8px;opacity:.7}.splide__pagination__page.is-active{background:#fff;z-index:1;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:#0bf 3px solid;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:#0bf 3px solid;outline-offset:3px}/*# sourceMappingURL=pagination.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../objects/pagination.scss","../../foundation/colors.scss","../../foundation/mixins.scss"],"names":[],"mappings":"AAqBE,oBACE,WAnBK,CAoBL,MAAA,CACA,aAAA,CACA,iBAAA,CACA,OAAA,CACA,SAAA,CAEA,0BACE,eC1BO,CD2BP,QAtBO,CAuBP,iBAtBc,CAuBd,oBAAA,CACA,UA7BO,CA8BP,UAxBO,CAyBP,SAxBQ,CAyBR,iBAAA,CACA,+BAvBW,CAwBX,SAnCM,CAsCJ,UA7BM,CAgCR,oCACE,eCzCY,CD0CZ,SAAA,CAGE,oBAlCa,CAsCjB,gCACE,cAAA,CAGE,UA5CU,CAoDd,wCErDJ,sBAXQ,CAYR,kBAXe,CFuEX,oDE7DJ,sBAXQ,CAYR,kBAXe","file":"pagination.css"}

View File

@@ -0,0 +1 @@
.splide__progress__bar{background:#ccc;height:3px}/*# sourceMappingURL=progress.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../objects/progress.scss","../../foundation/colors.scss"],"names":[],"mappings":"AAOI,uBACE,eCJO,CDKP,UAPG","file":"progress.css"}

View File

@@ -0,0 +1 @@
.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}/*# sourceMappingURL=rtl.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../modifiers/rtl.scss"],"names":[],"mappings":"AAQM,0CACE,SAAA,CACA,SAVM,CAYN,8CACE,mBAAA,CAIJ,0CACE,QAjBK,CAkBL,UAAA,CAEA,8CACE,oBAAA","file":"rtl.css"}

View File

@@ -0,0 +1 @@
.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset: -3px){.splide__slide:focus-visible{outline:#0bf 3px solid;outline-offset:-3px}}@media screen and (-ms-high-contrast: none){.splide__slide:focus-visible{border:#0bf 3px solid}}@supports(outline-offset: -3px){.splide.is-focus-in .splide__slide:focus{outline:#0bf 3px solid;outline-offset:-3px}}@media screen and (-ms-high-contrast: none){.splide.is-focus-in .splide__slide:focus{border:#0bf 3px solid}}@media screen and (-ms-high-contrast: none){.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}/*# sourceMappingURL=slide.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../objects/slide.scss","../../foundation/mixins.scss","../../foundation/colors.scss"],"names":[],"mappings":"AASE,eACE,yCAAA,CAOA,qBACE,SAAA,CAAA,gCAGF,6BCRF,sBAXQ,CAYR,mBAVqB,CAAA,CAGrB,4CDcE,6BCGA,qBAtBM,CAAA,CAgBR,gCDSE,yCCdF,sBAXQ,CAYR,mBAVqB,CAAA,CAGrB,4CDoBE,yCCHA,qBAtBM,CAAA,CAKR,4CD0BM,sEAEI,iBE5BJ,CAAA","file":"slide.css"}

View File

@@ -0,0 +1 @@
.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:#0bf 3px solid;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:#0bf 3px solid;outline-offset:3px}/*# sourceMappingURL=toggle.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../objects/toggle.scss","../../foundation/mixins.scss"],"names":[],"mappings":"AAKE,gBACE,cAAA,CAEA,8BCKF,sBAXQ,CAYR,kBAXe,CDWb,0CCDF,sBAXQ,CAYR,kBAXe","file":"toggle.css"}

View File

@@ -0,0 +1 @@
.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%, 0)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotateZ(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotateZ(90deg)}.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}/*# sourceMappingURL=ttb.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../modifiers/ttb.scss"],"names":[],"mappings":"AAWI,oCACE,QAAA,CACA,4BAAA,CAEA,0CACE,OAhBI,CAkBJ,8CACE,yBAAA,CAIJ,0CACE,UAvBO,CAwBP,QAAA,CAEA,8CACE,wBAAA,CAMR,yBACE,QAAA,CACA,YAAA,CACA,qBAAA,CACA,SApCc,CAqCd,aAAA,CACA,UArCe,CAsCf,KAAA","file":"ttb.css"}