ablok-components 0.1.4 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ablok-components.es.js +2427 -2323
- package/dist/ablok-components.umd.js +17 -17
- package/dist/components/atoms/base-input/base-input.vue.d.ts +18 -0
- package/dist/components/molecules/media-thumbnails/media-thumbnails.vue.d.ts +68 -0
- package/dist/components/templates/base-carousel/base-carousel.vue.d.ts +70 -0
- package/dist/index.d.ts +2 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -46,6 +46,14 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
|
|
|
46
46
|
type: StringConstructor;
|
|
47
47
|
default: null;
|
|
48
48
|
};
|
|
49
|
+
trueValue: {
|
|
50
|
+
type: null;
|
|
51
|
+
default: boolean;
|
|
52
|
+
};
|
|
53
|
+
falseValue: {
|
|
54
|
+
type: null;
|
|
55
|
+
default: boolean;
|
|
56
|
+
};
|
|
49
57
|
}, {}, unknown, {}, {}, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('./vue/dist/vue.esm-bundler.js').VNodeProps & import('./vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('./vue/dist/vue.esm-bundler.js').ComponentCustomProps, Readonly<import('./vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
|
|
50
58
|
modelValue: {
|
|
51
59
|
type: (DateConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
@@ -94,6 +102,14 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
|
|
|
94
102
|
type: StringConstructor;
|
|
95
103
|
default: null;
|
|
96
104
|
};
|
|
105
|
+
trueValue: {
|
|
106
|
+
type: null;
|
|
107
|
+
default: boolean;
|
|
108
|
+
};
|
|
109
|
+
falseValue: {
|
|
110
|
+
type: null;
|
|
111
|
+
default: boolean;
|
|
112
|
+
};
|
|
97
113
|
}>> & {
|
|
98
114
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
99
115
|
}, {
|
|
@@ -108,5 +124,7 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
|
|
|
108
124
|
placeholder: string;
|
|
109
125
|
readOnly: boolean;
|
|
110
126
|
pattern: string;
|
|
127
|
+
trueValue: any;
|
|
128
|
+
falseValue: any;
|
|
111
129
|
}>;
|
|
112
130
|
export default _sfc_main;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent<{
|
|
2
|
+
modelValue: {
|
|
3
|
+
default: null;
|
|
4
|
+
};
|
|
5
|
+
config: {
|
|
6
|
+
type: ObjectConstructor;
|
|
7
|
+
default: null;
|
|
8
|
+
};
|
|
9
|
+
messages: {
|
|
10
|
+
type: ObjectConstructor;
|
|
11
|
+
default: {};
|
|
12
|
+
};
|
|
13
|
+
assets: {
|
|
14
|
+
type: {
|
|
15
|
+
(arrayLength: number): any[];
|
|
16
|
+
(...items: any[]): any[];
|
|
17
|
+
new (arrayLength: number): any[];
|
|
18
|
+
new (...items: any[]): any[];
|
|
19
|
+
isArray(arg: any): arg is any[];
|
|
20
|
+
readonly prototype: any[];
|
|
21
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
22
|
+
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
|
|
23
|
+
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
|
|
24
|
+
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
|
|
25
|
+
of<T_4>(...items: T_4[]): T_4[];
|
|
26
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
27
|
+
};
|
|
28
|
+
default: never[];
|
|
29
|
+
};
|
|
30
|
+
}, {}, unknown, {}, {}, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, ("update:modelValue" | "select")[], "update:modelValue" | "select", import('./vue/dist/vue.esm-bundler.js').VNodeProps & import('./vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('./vue/dist/vue.esm-bundler.js').ComponentCustomProps, Readonly<import('./vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
|
|
31
|
+
modelValue: {
|
|
32
|
+
default: null;
|
|
33
|
+
};
|
|
34
|
+
config: {
|
|
35
|
+
type: ObjectConstructor;
|
|
36
|
+
default: null;
|
|
37
|
+
};
|
|
38
|
+
messages: {
|
|
39
|
+
type: ObjectConstructor;
|
|
40
|
+
default: {};
|
|
41
|
+
};
|
|
42
|
+
assets: {
|
|
43
|
+
type: {
|
|
44
|
+
(arrayLength: number): any[];
|
|
45
|
+
(...items: any[]): any[];
|
|
46
|
+
new (arrayLength: number): any[];
|
|
47
|
+
new (...items: any[]): any[];
|
|
48
|
+
isArray(arg: any): arg is any[];
|
|
49
|
+
readonly prototype: any[];
|
|
50
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
51
|
+
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
|
|
52
|
+
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
|
|
53
|
+
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
|
|
54
|
+
of<T_4>(...items: T_4[]): T_4[];
|
|
55
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
56
|
+
};
|
|
57
|
+
default: never[];
|
|
58
|
+
};
|
|
59
|
+
}>> & {
|
|
60
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
61
|
+
onSelect?: ((...args: any[]) => any) | undefined;
|
|
62
|
+
}, {
|
|
63
|
+
modelValue: null;
|
|
64
|
+
messages: Record<string, any>;
|
|
65
|
+
config: Record<string, any>;
|
|
66
|
+
assets: any[];
|
|
67
|
+
}>;
|
|
68
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent<{
|
|
2
|
+
modelValue: {
|
|
3
|
+
type: NumberConstructor;
|
|
4
|
+
default: number;
|
|
5
|
+
};
|
|
6
|
+
config: {
|
|
7
|
+
type: ObjectConstructor;
|
|
8
|
+
default: null;
|
|
9
|
+
};
|
|
10
|
+
messages: {
|
|
11
|
+
type: ObjectConstructor;
|
|
12
|
+
default: {};
|
|
13
|
+
};
|
|
14
|
+
items: {
|
|
15
|
+
type: {
|
|
16
|
+
(arrayLength: number): any[];
|
|
17
|
+
(...items: any[]): any[];
|
|
18
|
+
new (arrayLength: number): any[];
|
|
19
|
+
new (...items: any[]): any[];
|
|
20
|
+
isArray(arg: any): arg is any[];
|
|
21
|
+
readonly prototype: any[];
|
|
22
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
23
|
+
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
|
|
24
|
+
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
|
|
25
|
+
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
|
|
26
|
+
of<T_4>(...items: T_4[]): T_4[];
|
|
27
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
28
|
+
};
|
|
29
|
+
default: never[];
|
|
30
|
+
};
|
|
31
|
+
}, {}, unknown, {}, {}, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, ("update:modelValue" | "select")[], "update:modelValue" | "select", import('./vue/dist/vue.esm-bundler.js').VNodeProps & import('./vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('./vue/dist/vue.esm-bundler.js').ComponentCustomProps, Readonly<import('./vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
|
|
32
|
+
modelValue: {
|
|
33
|
+
type: NumberConstructor;
|
|
34
|
+
default: number;
|
|
35
|
+
};
|
|
36
|
+
config: {
|
|
37
|
+
type: ObjectConstructor;
|
|
38
|
+
default: null;
|
|
39
|
+
};
|
|
40
|
+
messages: {
|
|
41
|
+
type: ObjectConstructor;
|
|
42
|
+
default: {};
|
|
43
|
+
};
|
|
44
|
+
items: {
|
|
45
|
+
type: {
|
|
46
|
+
(arrayLength: number): any[];
|
|
47
|
+
(...items: any[]): any[];
|
|
48
|
+
new (arrayLength: number): any[];
|
|
49
|
+
new (...items: any[]): any[];
|
|
50
|
+
isArray(arg: any): arg is any[];
|
|
51
|
+
readonly prototype: any[];
|
|
52
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
53
|
+
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
|
|
54
|
+
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
|
|
55
|
+
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
|
|
56
|
+
of<T_4>(...items: T_4[]): T_4[];
|
|
57
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
58
|
+
};
|
|
59
|
+
default: never[];
|
|
60
|
+
};
|
|
61
|
+
}>> & {
|
|
62
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
63
|
+
onSelect?: ((...args: any[]) => any) | undefined;
|
|
64
|
+
}, {
|
|
65
|
+
modelValue: number;
|
|
66
|
+
messages: Record<string, any>;
|
|
67
|
+
config: Record<string, any>;
|
|
68
|
+
items: any[];
|
|
69
|
+
}>;
|
|
70
|
+
export default _sfc_main;
|
package/dist/index.d.ts
CHANGED
|
@@ -12,4 +12,6 @@ export { default as InputColor } from "./components/molecules/input-color/input-
|
|
|
12
12
|
export { default as InputDropdown } from "./components/molecules/input-dropdown/input-dropdown.vue";
|
|
13
13
|
export { default as CameraInput } from "./components/molecules/camera-input/camera-input.vue";
|
|
14
14
|
export { default as FileUpload } from "./components/molecules/file-upload/file-upload.vue";
|
|
15
|
+
export { default as BaseCarousel } from "./components/templates/base-carousel/base-carousel.vue";
|
|
16
|
+
export { default as MediaThumbnails } from "./components/molecules/media-thumbnails/media-thumbnails.vue";
|
|
15
17
|
export { default as BaseForm } from "./components/templates/base-form/base-form.vue";
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.svg-icon{display:inline-block}.svg-icon svg{display:block;stroke-width:0;stroke:currentColor;fill:currentColor;width:1.5em;height:1.5em}.svg-icon--xxl svg{width:12rem;height:12rem}.svg-icon--xl svg{width:8rem;height:8rem}.svg-icon--large svg{width:4rem;height:4rem}.loading-spinner{min-width:2rem}:root,*:before,*:after{--button-color: #fff}.btn{display:inline-flex;justify-content:center;align-items:center;transition:all .2s ease;text-decoration:none}.btn:disabled{cursor:not-allowed}.input{display:flex;flex-direction:column}.input>*{order:2}.input__label{order:0}.input__input-group,.input>input,.input>select,.input>textarea{flex-wrap:nowrap;order:1}.input__error{display:none}.input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.input input[type=checkbox],.input input[type=radio]{flex:none}.input input[type=color]{display:block;height:100%;padding:0;border-width:0}.input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input input[type=color]::-webkit-color-swatch{border:none}.check-group>.form-check{order:1}.check-group label{order:0}.check-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.check-group--row label{flex:1 0 100%}.radio-group>.form-check{order:1}.radio-group label{order:0}.radio-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.radio-group--row label{flex:1 0 100%}.base-input{display:flex;flex-direction:column}.base-input>*{order:2}.base-input__label{order:0}.base-input__input-group,.base-input>input,.base-input>select,.base-input>textarea{flex-wrap:nowrap;order:1}.base-input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.base-input input[type=checkbox],.base-input input[type=radio]{flex:none}.base-input input[type=color]{display:block;height:100%;padding:0;border-width:0}.base-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.base-input input[type=color]::-webkit-color-swatch{border:none}.form-switch{flex-direction:row;padding-left:0;gap:1rem}.form-switch .form-check-input{width:2.5rem;height:1.3125rem;margin-left:0}.camera-input{position:relative}.camera-input__preview{position:relative;height:100%}.camera-input__preview canvas{position:absolute;left:0;top:0;width:100%;height:100%}.camera-input__preview img,.camera-input__preview video{display:block;width:100%;height:100%;object-fit:cover}.camera-input__controls{position:absolute;bottom:0;width:100%;background:rgba(255,255,255,.5)}.camera-input.mirror-cam img,.camera-input.mirror-cam video{transform:scaleX(-1)}.camera-input__switch-cam{position:absolute;z-index:1;right:0;top:0}.camera-input__switch-cam .v-btn{display:block;background-color:#ffffff3d;border-radius:.3125rem}.camera-input__switch-cam .svg-icon{display:block;font-size:1.6667rem}.camera-input__bg-notification{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.camera-input__bg-notification+video{position:relative;z-index:1}.camera-input .camera-input__guide{position:absolute;left:0;top:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;object-fit:contain}.camera-input__countdown-overlay{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(4px);overflow:hidden}.camera-input__countdown-overlay .countdown{position:relative;font-size:6rem;color:#fffc;font-weight:700}.camera-input__countdown-overlay .countdown:before,.camera-input__countdown-overlay .countdown:after{position:absolute;left:0;top:0;z-index:1;content:attr(data-countdown);transform-origin:center;animation-name:pulse;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-out}.camera-input__countdown-overlay .countdown:after{animation-duration:.1 .25s;animation-delay:.25s}.camera-input button{appearance:none;background:none;border:none}@keyframes blur{0%{backdrop-filter:blur(4px)}to{backdrop-filter:blur(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(5);opacity:0}}.file-upload{display:inline-block}.file-upload__thumbnail{position:relative}.file-upload__thumbnail .btn{position:absolute;right:0;top:0}:root,*:before,*:after{--border-color: #ced4da;--border-radius: .25rem}.base-button{display:flex;justify-content:center;align-items:center;box-sizing:border-box;transition:all .2s ease;text-decoration:none;width:100%;margin:0;padding:1.036em 1.625em;appearance:none;outline:none;border:none;border-radius:.4375em;font-size:.875em;line-height:1.125em;text-transform:uppercase;font-weight:700}@media screen and (min-width: 600px){.base-button{width:auto}}.base-button .icon{width:16px;height:16px;margin-top:-1px}.base-button.s-collapsed>.caption{display:none}.base-button.s-pending{background-repeat:no-repeat;background-position:center center}.base-button.s-pending .caption{margin-left:25px;visibility:hidden}@media screen and (min-width: 600px){.base-button.s-pending{background-position:1.625em center}.base-button.s-pending .caption{visibility:visible}}.base-button:read-only{cursor:not-allowed}.base-button:disabled{cursor:not-allowed}
|
|
1
|
+
.svg-icon{display:inline-block}.svg-icon svg{display:block;stroke-width:0;stroke:currentColor;fill:currentColor;width:1.5em;height:1.5em}.svg-icon--xxl svg{width:12rem;height:12rem}.svg-icon--xl svg{width:8rem;height:8rem}.svg-icon--large svg{width:4rem;height:4rem}.loading-spinner{min-width:2rem}:root,*:before,*:after{--button-color: #fff}.btn{display:inline-flex;justify-content:center;align-items:center;transition:all .2s ease;text-decoration:none}.btn:disabled{cursor:not-allowed}.input{display:flex;flex-direction:column}.input>*{order:2}.input__label{order:0}.input__input-group,.input>input,.input>select,.input>textarea{flex-wrap:nowrap;order:1}.input__error{display:none}.input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.input input[type=checkbox],.input input[type=radio]{flex:none}.input input[type=color]{display:block;height:100%;padding:0;border-width:0}.input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input input[type=color]::-webkit-color-swatch{border:none}.check-group>.form-check{order:1}.check-group label{order:0}.check-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.check-group--row label{flex:1 0 100%}.radio-group>.form-check{order:1}.radio-group label{order:0}.radio-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.radio-group--row label{flex:1 0 100%}.base-input{display:flex;flex-direction:column}.base-input>*{order:2}.base-input__label{order:0}.base-input__input-group,.base-input>input,.base-input>select,.base-input>textarea{flex-wrap:nowrap;order:1}.base-input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.base-input input[type=checkbox],.base-input input[type=radio]{flex:none}.base-input input[type=color]{display:block;height:100%;padding:0;border-width:0}.base-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.base-input input[type=color]::-webkit-color-swatch{border:none}.form-switch{flex-direction:row;padding-left:0;gap:1rem}.form-switch .form-check-input{width:2.5rem;height:1.3125rem;margin-left:0}.camera-input{position:relative}.camera-input__preview{position:relative;height:100%}.camera-input__preview canvas{position:absolute;left:0;top:0;width:100%;height:100%}.camera-input__preview img,.camera-input__preview video{display:block;width:100%;height:100%;object-fit:cover}.camera-input__controls{position:absolute;bottom:0;width:100%;background:rgba(255,255,255,.5)}.camera-input.mirror-cam img,.camera-input.mirror-cam video{transform:scaleX(-1)}.camera-input__switch-cam{position:absolute;z-index:1;right:0;top:0}.camera-input__switch-cam .v-btn{display:block;background-color:#ffffff3d;border-radius:.3125rem}.camera-input__switch-cam .svg-icon{display:block;font-size:1.6667rem}.camera-input__bg-notification{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.camera-input__bg-notification+video{position:relative;z-index:1}.camera-input .camera-input__guide{position:absolute;left:0;top:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;object-fit:contain}.camera-input__countdown-overlay{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(4px);overflow:hidden}.camera-input__countdown-overlay .countdown{position:relative;font-size:6rem;color:#fffc;font-weight:700}.camera-input__countdown-overlay .countdown:before,.camera-input__countdown-overlay .countdown:after{position:absolute;left:0;top:0;z-index:1;content:attr(data-countdown);transform-origin:center;animation-name:pulse;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-out}.camera-input__countdown-overlay .countdown:after{animation-duration:.1 .25s;animation-delay:.25s}.camera-input button{appearance:none;background:none;border:none}@keyframes blur{0%{backdrop-filter:blur(4px)}to{backdrop-filter:blur(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(5);opacity:0}}.file-upload{display:inline-block}.file-upload__thumbnail{position:relative}.file-upload__thumbnail .btn{position:absolute;right:0;top:0}:root,*:before,*:after{--carousel-gutter-width: $grid-gutter-width}.carousel__viewport{position:relative;width:100%;overflow-x:auto}.carousel__track{margin-left:-.5rem;margin-right:-.5rem}.carousel__item{padding:0 .5rem}.media-thumbnails{position:relative;padding:.5rem 0;border-radius:.3125rem;background-color:#aaaaaa80}.media-thumbnails .swiper-button{position:absolute;top:50%;transform:translateY(calc(-50% + .3125rem));cursor:pointer}.media-thumbnails .swiper-button:after{font-size:1rem;font-weight:700}.media-thumbnails .swiper-button-next,.media-thumbnails .swiper-button-prev{min-width:2rem;color:#ffffffe6}@media (min-width: 600px){.media-thumbnails .swiper-button-next,.media-thumbnails .swiper-button-prev{min-width:2rem}}.media-thumbnails .swiper-button-next:hover,.media-thumbnails .swiper-button-prev:hover{color:#fff}.media-thumbnails .swiper-button-next:before,.media-thumbnails .swiper-button-next:after,.media-thumbnails .swiper-button-prev:before,.media-thumbnails .swiper-button-prev:after{content:none}.media-thumbnails .swiper-button-next .base-icon,.media-thumbnails .swiper-button-prev .base-icon{font-size:1.8rem}.media-thumbnails .carousel-cell{padding:0 .5rem}:root,*:before,*:after{--border-color: #ced4da;--border-radius: .25rem}.base-button{display:flex;justify-content:center;align-items:center;box-sizing:border-box;transition:all .2s ease;text-decoration:none;width:100%;margin:0;padding:1.036em 1.625em;appearance:none;outline:none;border:none;border-radius:.4375em;font-size:.875em;line-height:1.125em;text-transform:uppercase;font-weight:700}@media screen and (min-width: 600px){.base-button{width:auto}}.base-button .icon{width:16px;height:16px;margin-top:-1px}.base-button.s-collapsed>.caption{display:none}.base-button.s-pending{background-repeat:no-repeat;background-position:center center}.base-button.s-pending .caption{margin-left:25px;visibility:hidden}@media screen and (min-width: 600px){.base-button.s-pending{background-position:1.625em center}.base-button.s-pending .caption{visibility:visible}}.base-button:read-only{cursor:not-allowed}.base-button:disabled{cursor:not-allowed}
|