added prototype

This commit is contained in:
Philippe Torrel
2026-08-03 14:46:13 +02:00
parent 831644667e
commit 44428b0495
310 changed files with 49133 additions and 93 deletions

View File

@@ -0,0 +1 @@
@forward '../../template/default';

View File

@@ -0,0 +1,52 @@
$main: #20b2aa !default;
$main-light: lighten( $main, 20% ) !default;
@use '../../template/default/foundation/colors' with (
$main: $main,
$sub01: $main,
$sub02: $main,
$background: #ccc,
$background-active: $main,
$focus: $main,
);
@use '../../template/default/object/modifiers/nav' with (
$border-radius: 4px,
$opacity: .7,
$opacity-active: 1,
);
@use '../../template/default/object/modifiers/ttb' with (
$pagination-dot-width: 5px,
$pagination-dot-height: 20px,
$pagination-right: 1em,
);
@use '../../template/default/object/objects/arrow' with (
$size: 2.5em,
$opacity: false,
$opacity-hover: false,
$fill-hover: $main-light,
$transition: fill .2s linear,
$button-size: 2.5em,
$button-border-radius: 0,
$button-background: transparent,
);
@use '../../template/default/object/objects/pagination' with (
$bottom: 1em,
$dot-width: 20px,
$dot-height: 5px,
$dot-border-radius: 2.5px,
$dot-opacity: false,
$dot-transition: background-color .2s linear,
$dot-background-hover: $main-light,
$dot-transform-active: false,
);
@use '../../template/default/object/objects/slide' with (
$border-radius: 4px,
);
@forward '../../template/default';
@forward 'object/objects';

View File

@@ -0,0 +1,17 @@
.splide {
$root: &;
&__slider {
> #{ $root }__arrows {
#{ $root }__arrow {
&--prev {
left: -2.5em;
}
&--next {
right: -2.5em;
}
}
}
}
}

View File

@@ -0,0 +1,3 @@
@forward 'arrow';
@forward 'root';

View File

@@ -0,0 +1,3 @@
.splide {
padding: 3em;
}

View File

@@ -0,0 +1,37 @@
$main: #00bfff !default;
$main-light: lighten( $main, 20% ) !default;
@use '../../template/default/foundation/colors' with (
$main: $main,
$sub01: $main,
$sub02: $main,
$background: #ccc,
$background-active: $main,
$focus: $main,
);
@use '../../template/default/object/modifiers/nav' with (
$opacity: .7,
$opacity-active: 1,
);
@use '../../template/default/object/objects/arrow' with (
$size: 2.5em,
$opacity: false,
$opacity-hover: false,
$fill-hover: $main-light,
$transition: fill .2s linear,
$button-size: 2.5em,
$button-border-radius: 0,
$button-background: transparent,
);
@use '../../template/default/object/objects/pagination' with (
$dot-width: 10px,
$dot-height: 10px,
$dot-opacity: false,
$dot-transition: ( background-color .2s linear, transform .2s linear ),
$dot-background-hover: $main-light,
);
@forward '../../template/default';