init webseite ts and claude
This commit is contained in:
@@ -0,0 +1 @@
|
||||
@forward '../../template/default';
|
||||
@@ -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';
|
||||
@@ -0,0 +1,17 @@
|
||||
.splide {
|
||||
$root: &;
|
||||
|
||||
&__slider {
|
||||
> #{ $root }__arrows {
|
||||
#{ $root }__arrow {
|
||||
&--prev {
|
||||
left: -2.5em;
|
||||
}
|
||||
|
||||
&--next {
|
||||
right: -2.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
@forward 'arrow';
|
||||
@forward 'root';
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
.splide {
|
||||
padding: 3em;
|
||||
}
|
||||
@@ -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';
|
||||
Reference in New Issue
Block a user