@kkcompany/app-ui 0.1.31 → 0.1.32
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/index.cjs +36 -26
- package/dist/index.d.cts +5 -5
- package/dist/index.mjs +36 -26
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -342,6 +342,8 @@ var Banner_default = Banner;
|
|
|
342
342
|
//#endregion
|
|
343
343
|
//#region src/Dropdown.tsx
|
|
344
344
|
/** @jsxImportSource @emotion/react */
|
|
345
|
+
const dropdownBorderRadius = "4px";
|
|
346
|
+
const itemRowElemMarginXSm = "16px";
|
|
345
347
|
const dropdownStyle = __emotion_react.css`
|
|
346
348
|
.text-truncate {
|
|
347
349
|
display: block;
|
|
@@ -411,7 +413,7 @@ const dropdownStyle = __emotion_react.css`
|
|
|
411
413
|
|
|
412
414
|
.kks-dropdown__menu {
|
|
413
415
|
width: 92%;
|
|
414
|
-
border-radius: $
|
|
416
|
+
border-radius: ${dropdownBorderRadius};
|
|
415
417
|
background: #fff;
|
|
416
418
|
overflow: hidden;
|
|
417
419
|
}
|
|
@@ -421,7 +423,7 @@ const dropdownStyle = __emotion_react.css`
|
|
|
421
423
|
border-bottom: 1px solid #e9ecef;
|
|
422
424
|
|
|
423
425
|
.kks-dropdown__menu-title {
|
|
424
|
-
margin-left: $
|
|
426
|
+
margin-left: ${itemRowElemMarginXSm};
|
|
425
427
|
font-size: 1.25rem;
|
|
426
428
|
}
|
|
427
429
|
|
|
@@ -429,7 +431,7 @@ const dropdownStyle = __emotion_react.css`
|
|
|
429
431
|
display: flex;
|
|
430
432
|
align-items: center;
|
|
431
433
|
margin-left: auto;
|
|
432
|
-
padding: 0 $
|
|
434
|
+
padding: 0 ${itemRowElemMarginXSm};
|
|
433
435
|
height: 100%;
|
|
434
436
|
outline: none;
|
|
435
437
|
}
|
|
@@ -449,7 +451,7 @@ const dropdownStyle = __emotion_react.css`
|
|
|
449
451
|
overflow-y: auto;
|
|
450
452
|
|
|
451
453
|
.kks-dropdown__menu-link {
|
|
452
|
-
padding: 10px $
|
|
454
|
+
padding: 10px ${itemRowElemMarginXSm};
|
|
453
455
|
text-decoration: none;
|
|
454
456
|
color: #000;
|
|
455
457
|
outline: none;
|
|
@@ -739,7 +741,7 @@ const modalStyle = __emotion_react.css`
|
|
|
739
741
|
opacity: 1;
|
|
740
742
|
}
|
|
741
743
|
|
|
742
|
-
:where(.modal__content) {
|
|
744
|
+
& :where(.modal__content) {
|
|
743
745
|
width: 100%;
|
|
744
746
|
max-width: 700px;
|
|
745
747
|
margin: auto 0;
|
|
@@ -878,18 +880,18 @@ const paginationStyle = __emotion_react.css`
|
|
|
878
880
|
display: inline-block;
|
|
879
881
|
}
|
|
880
882
|
|
|
881
|
-
:where(.kks-pagination__content) {
|
|
883
|
+
& :where(.kks-pagination__content) {
|
|
882
884
|
display: flex;
|
|
883
885
|
margin: 0;
|
|
884
886
|
padding-left: 0;
|
|
885
887
|
list-style: none;
|
|
886
888
|
}
|
|
887
889
|
|
|
888
|
-
:where(.kks-pagination__num-item:not(.kks-pagination__num-item--current)) {
|
|
890
|
+
& :where(.kks-pagination__num-item:not(.kks-pagination__num-item--current)) {
|
|
889
891
|
display: none;
|
|
890
892
|
}
|
|
891
893
|
|
|
892
|
-
:where(.kks-pagination__btn) {
|
|
894
|
+
& :where(.kks-pagination__btn) {
|
|
893
895
|
display: block;
|
|
894
896
|
margin: 0 12px;
|
|
895
897
|
padding: 0.64rem 0.8rem;
|
|
@@ -899,43 +901,43 @@ const paginationStyle = __emotion_react.css`
|
|
|
899
901
|
user-select: none;
|
|
900
902
|
}
|
|
901
903
|
|
|
902
|
-
:where(.kks-pagination__num-btn) {
|
|
904
|
+
& :where(.kks-pagination__num-btn) {
|
|
903
905
|
text-decoration: none;
|
|
904
906
|
color: #666;
|
|
905
907
|
}
|
|
906
908
|
|
|
907
|
-
:where(.kks-pagination__num-btn)::after {
|
|
909
|
+
& :where(.kks-pagination__num-btn)::after {
|
|
908
910
|
content: attr(data-total-pages);
|
|
909
911
|
}
|
|
910
912
|
|
|
911
|
-
:where(.kks-pagination__arrow-btn--prev) {
|
|
913
|
+
& :where(.kks-pagination__arrow-btn--prev) {
|
|
912
914
|
margin-left: 0;
|
|
913
915
|
}
|
|
914
916
|
|
|
915
|
-
:where(.kks-pagination__arrow-btn--next) {
|
|
917
|
+
& :where(.kks-pagination__arrow-btn--next) {
|
|
916
918
|
margin-right: 0;
|
|
917
919
|
}
|
|
918
920
|
|
|
919
|
-
:where(.kks-pagination__arrow-btn--hidden) {
|
|
921
|
+
& :where(.kks-pagination__arrow-btn--hidden) {
|
|
920
922
|
display: none;
|
|
921
923
|
}
|
|
922
924
|
|
|
923
|
-
:where(.kks-pagination__icon) {
|
|
925
|
+
& :where(.kks-pagination__icon) {
|
|
924
926
|
display: block;
|
|
925
927
|
width: 1rem;
|
|
926
928
|
height: 1rem;
|
|
927
929
|
background-size: contain;
|
|
928
930
|
}
|
|
929
931
|
|
|
930
|
-
:where(.kks-pagination__icon-prev) {
|
|
931
|
-
background-image: url("data:image/svg+xml
|
|
932
|
+
& :where(.kks-pagination__icon-prev) {
|
|
933
|
+
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxnIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDEyOSAwKSI+PGc+ICAgIDxwYXRoIGQ9Im00MC40LDEyMS4zYy0wLjgsMC44LTEuOCwxLjItMi45LDEuMnMtMi4xLTAuNC0yLjktMS4yYy0xLjYtMS42LTEuNi00LjIgMC01LjhsNTEtNTEtNTEtNTFjLTEuNi0xLjYtMS42LTQuMiAwLTUuOCAxLjYtMS42IDQuMi0xLjYgNS44LDBsNTMuOSw1My45YzEuNiwxLjYgMS42LDQuMiAwLDUuOGwtNTMuOSw1My45eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgZmlsbD0iIzY2NjY2NiIvPiAgPC9nPjwvZz4gPC9zdmc+");
|
|
932
934
|
}
|
|
933
935
|
|
|
934
|
-
:where(.kks-pagination__icon-next) {
|
|
935
|
-
background-image: url("data:image/svg+xml
|
|
936
|
+
& :where(.kks-pagination__icon-next) {
|
|
937
|
+
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxnPjxnPiAgICA8cGF0aCBkPSJtNDAuNCwxMjEuM2MtMC44LDAuOC0xLjgsMS4yLTIuOSwxLjJzLTIuMS0wLjQtMi45LTEuMmMtMS42LTEuNi0xLjYtNC4yIDAtNS44bDUxLTUxLTUxLTUxYy0xLjYtMS42LTEuNi00LjIgMC01LjggMS42LTEuNiA0LjItMS42IDUuOCwwbDUzLjksNTMuOWMxLjYsMS42IDEuNiw0LjIgMCw1LjhsLTUzLjksNTMuOXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIGZpbGw9IiM2NjY2NjYiLz4gIDwvZz48L2c+IDwvc3ZnPg==");
|
|
936
938
|
}
|
|
937
939
|
|
|
938
|
-
:where(.kks-pagination__dots) {
|
|
940
|
+
& :where(.kks-pagination__dots) {
|
|
939
941
|
display: block;
|
|
940
942
|
margin: 0 12px;
|
|
941
943
|
padding: 0.64rem 0;
|
|
@@ -946,29 +948,37 @@ const paginationStyle = __emotion_react.css`
|
|
|
946
948
|
}
|
|
947
949
|
|
|
948
950
|
@media (min-width: 768px) {
|
|
949
|
-
:where(.kks-pagination__num-item:not(.kks-pagination__num-item--current)) {
|
|
951
|
+
& :where(.kks-pagination__num-item:not(.kks-pagination__num-item--current)) {
|
|
950
952
|
display: block;
|
|
951
953
|
}
|
|
952
954
|
|
|
953
|
-
:where(.kks-pagination__btn),
|
|
954
|
-
:where(.kks-pagination__dots) {
|
|
955
|
+
& :where(.kks-pagination__btn),
|
|
956
|
+
& :where(.kks-pagination__dots) {
|
|
955
957
|
margin: 0 6px;
|
|
956
958
|
}
|
|
957
959
|
|
|
958
|
-
:where(.kks-pagination__num-btn)::after {
|
|
960
|
+
& :where(.kks-pagination__num-btn)::after {
|
|
959
961
|
content: "";
|
|
960
962
|
}
|
|
961
963
|
|
|
962
|
-
:where(.kks-pagination__num-btn:hover:not(.kks-pagination__num-btn--active)),
|
|
963
|
-
:where(.kks-pagination__arrow-btn:hover) {
|
|
964
|
+
& :where(.kks-pagination__num-btn:hover:not(.kks-pagination__num-btn--active)),
|
|
965
|
+
& :where(.kks-pagination__arrow-btn:hover) {
|
|
964
966
|
background: rgba(0, 161, 179, 0.1);
|
|
965
967
|
}
|
|
966
968
|
|
|
967
|
-
:where(.kks-pagination__num-btn--active) {
|
|
969
|
+
& :where(.kks-pagination__num-btn--active) {
|
|
968
970
|
font-weight: 500;
|
|
969
971
|
color: #fff;
|
|
970
972
|
background: #00a1b3;
|
|
971
973
|
}
|
|
974
|
+
|
|
975
|
+
& :where(.kks-pagination__arrow-btn--prev) {
|
|
976
|
+
margin-left: 0;
|
|
977
|
+
}
|
|
978
|
+
|
|
979
|
+
& :where(.kks-pagination__arrow-btn--next) {
|
|
980
|
+
margin-right: 0;
|
|
981
|
+
}
|
|
972
982
|
}
|
|
973
983
|
`;
|
|
974
984
|
|
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react0 from "react";
|
|
2
2
|
import { ComponentType, ElementType, MouseEventHandler, ReactElement, ReactNode } from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as _emotion_react_jsx_runtime2 from "@emotion/react/jsx-runtime";
|
|
4
4
|
import { CSSObject } from "@emotion/react";
|
|
5
5
|
import Link from "next/link";
|
|
6
6
|
|
|
@@ -65,7 +65,7 @@ declare const HiddenToggle: ({
|
|
|
65
65
|
defaultEnabled?: boolean;
|
|
66
66
|
children: any;
|
|
67
67
|
onChange: any;
|
|
68
|
-
}) =>
|
|
68
|
+
}) => _emotion_react_jsx_runtime2.JSX.Element;
|
|
69
69
|
//#endregion
|
|
70
70
|
//#region src/Icon.d.ts
|
|
71
71
|
declare const Icon: ({
|
|
@@ -74,7 +74,7 @@ declare const Icon: ({
|
|
|
74
74
|
}: {
|
|
75
75
|
style?: {};
|
|
76
76
|
src: any;
|
|
77
|
-
}) =>
|
|
77
|
+
}) => _emotion_react_jsx_runtime2.JSX.Element;
|
|
78
78
|
//#endregion
|
|
79
79
|
//#region src/Modal/index.d.ts
|
|
80
80
|
type ModalProps = {
|
|
@@ -138,7 +138,7 @@ declare const SeeMore: ({
|
|
|
138
138
|
style?: CSSObject;
|
|
139
139
|
messages?: typeof defaultMessages;
|
|
140
140
|
children?: ReactNode;
|
|
141
|
-
}) =>
|
|
141
|
+
}) => _emotion_react_jsx_runtime2.JSX.Element;
|
|
142
142
|
//#endregion
|
|
143
143
|
//#region src/VideoItem.d.ts
|
|
144
144
|
type VideoDetail = {
|
|
@@ -202,6 +202,6 @@ declare const VideoThumbnail: ({
|
|
|
202
202
|
Image?: ElementType;
|
|
203
203
|
};
|
|
204
204
|
onClick?: MouseEventHandler<HTMLAnchorElement>;
|
|
205
|
-
}) =>
|
|
205
|
+
}) => _emotion_react_jsx_runtime2.JSX.Element;
|
|
206
206
|
//#endregion
|
|
207
207
|
export { Banner, Dropdown, HiddenToggle, Icon, Modal, Pagination, SeeMore, VideoItem, VideoThumbnail };
|
package/dist/index.mjs
CHANGED
|
@@ -342,6 +342,8 @@ var Banner_default = Banner;
|
|
|
342
342
|
//#endregion
|
|
343
343
|
//#region src/Dropdown.tsx
|
|
344
344
|
/** @jsxImportSource @emotion/react */
|
|
345
|
+
const dropdownBorderRadius = "4px";
|
|
346
|
+
const itemRowElemMarginXSm = "16px";
|
|
345
347
|
const dropdownStyle = css`
|
|
346
348
|
.text-truncate {
|
|
347
349
|
display: block;
|
|
@@ -411,7 +413,7 @@ const dropdownStyle = css`
|
|
|
411
413
|
|
|
412
414
|
.kks-dropdown__menu {
|
|
413
415
|
width: 92%;
|
|
414
|
-
border-radius: $
|
|
416
|
+
border-radius: ${dropdownBorderRadius};
|
|
415
417
|
background: #fff;
|
|
416
418
|
overflow: hidden;
|
|
417
419
|
}
|
|
@@ -421,7 +423,7 @@ const dropdownStyle = css`
|
|
|
421
423
|
border-bottom: 1px solid #e9ecef;
|
|
422
424
|
|
|
423
425
|
.kks-dropdown__menu-title {
|
|
424
|
-
margin-left: $
|
|
426
|
+
margin-left: ${itemRowElemMarginXSm};
|
|
425
427
|
font-size: 1.25rem;
|
|
426
428
|
}
|
|
427
429
|
|
|
@@ -429,7 +431,7 @@ const dropdownStyle = css`
|
|
|
429
431
|
display: flex;
|
|
430
432
|
align-items: center;
|
|
431
433
|
margin-left: auto;
|
|
432
|
-
padding: 0 $
|
|
434
|
+
padding: 0 ${itemRowElemMarginXSm};
|
|
433
435
|
height: 100%;
|
|
434
436
|
outline: none;
|
|
435
437
|
}
|
|
@@ -449,7 +451,7 @@ const dropdownStyle = css`
|
|
|
449
451
|
overflow-y: auto;
|
|
450
452
|
|
|
451
453
|
.kks-dropdown__menu-link {
|
|
452
|
-
padding: 10px $
|
|
454
|
+
padding: 10px ${itemRowElemMarginXSm};
|
|
453
455
|
text-decoration: none;
|
|
454
456
|
color: #000;
|
|
455
457
|
outline: none;
|
|
@@ -739,7 +741,7 @@ const modalStyle = css`
|
|
|
739
741
|
opacity: 1;
|
|
740
742
|
}
|
|
741
743
|
|
|
742
|
-
:where(.modal__content) {
|
|
744
|
+
& :where(.modal__content) {
|
|
743
745
|
width: 100%;
|
|
744
746
|
max-width: 700px;
|
|
745
747
|
margin: auto 0;
|
|
@@ -878,18 +880,18 @@ const paginationStyle = css`
|
|
|
878
880
|
display: inline-block;
|
|
879
881
|
}
|
|
880
882
|
|
|
881
|
-
:where(.kks-pagination__content) {
|
|
883
|
+
& :where(.kks-pagination__content) {
|
|
882
884
|
display: flex;
|
|
883
885
|
margin: 0;
|
|
884
886
|
padding-left: 0;
|
|
885
887
|
list-style: none;
|
|
886
888
|
}
|
|
887
889
|
|
|
888
|
-
:where(.kks-pagination__num-item:not(.kks-pagination__num-item--current)) {
|
|
890
|
+
& :where(.kks-pagination__num-item:not(.kks-pagination__num-item--current)) {
|
|
889
891
|
display: none;
|
|
890
892
|
}
|
|
891
893
|
|
|
892
|
-
:where(.kks-pagination__btn) {
|
|
894
|
+
& :where(.kks-pagination__btn) {
|
|
893
895
|
display: block;
|
|
894
896
|
margin: 0 12px;
|
|
895
897
|
padding: 0.64rem 0.8rem;
|
|
@@ -899,43 +901,43 @@ const paginationStyle = css`
|
|
|
899
901
|
user-select: none;
|
|
900
902
|
}
|
|
901
903
|
|
|
902
|
-
:where(.kks-pagination__num-btn) {
|
|
904
|
+
& :where(.kks-pagination__num-btn) {
|
|
903
905
|
text-decoration: none;
|
|
904
906
|
color: #666;
|
|
905
907
|
}
|
|
906
908
|
|
|
907
|
-
:where(.kks-pagination__num-btn)::after {
|
|
909
|
+
& :where(.kks-pagination__num-btn)::after {
|
|
908
910
|
content: attr(data-total-pages);
|
|
909
911
|
}
|
|
910
912
|
|
|
911
|
-
:where(.kks-pagination__arrow-btn--prev) {
|
|
913
|
+
& :where(.kks-pagination__arrow-btn--prev) {
|
|
912
914
|
margin-left: 0;
|
|
913
915
|
}
|
|
914
916
|
|
|
915
|
-
:where(.kks-pagination__arrow-btn--next) {
|
|
917
|
+
& :where(.kks-pagination__arrow-btn--next) {
|
|
916
918
|
margin-right: 0;
|
|
917
919
|
}
|
|
918
920
|
|
|
919
|
-
:where(.kks-pagination__arrow-btn--hidden) {
|
|
921
|
+
& :where(.kks-pagination__arrow-btn--hidden) {
|
|
920
922
|
display: none;
|
|
921
923
|
}
|
|
922
924
|
|
|
923
|
-
:where(.kks-pagination__icon) {
|
|
925
|
+
& :where(.kks-pagination__icon) {
|
|
924
926
|
display: block;
|
|
925
927
|
width: 1rem;
|
|
926
928
|
height: 1rem;
|
|
927
929
|
background-size: contain;
|
|
928
930
|
}
|
|
929
931
|
|
|
930
|
-
:where(.kks-pagination__icon-prev) {
|
|
931
|
-
background-image: url("data:image/svg+xml
|
|
932
|
+
& :where(.kks-pagination__icon-prev) {
|
|
933
|
+
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxnIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDEyOSAwKSI+PGc+ICAgIDxwYXRoIGQ9Im00MC40LDEyMS4zYy0wLjgsMC44LTEuOCwxLjItMi45LDEuMnMtMi4xLTAuNC0yLjktMS4yYy0xLjYtMS42LTEuNi00LjIgMC01LjhsNTEtNTEtNTEtNTFjLTEuNi0xLjYtMS42LTQuMiAwLTUuOCAxLjYtMS42IDQuMi0xLjYgNS44LDBsNTMuOSw1My45YzEuNiwxLjYgMS42LDQuMiAwLDUuOGwtNTMuOSw1My45eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgZmlsbD0iIzY2NjY2NiIvPiAgPC9nPjwvZz4gPC9zdmc+");
|
|
932
934
|
}
|
|
933
935
|
|
|
934
|
-
:where(.kks-pagination__icon-next) {
|
|
935
|
-
background-image: url("data:image/svg+xml
|
|
936
|
+
& :where(.kks-pagination__icon-next) {
|
|
937
|
+
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxnPjxnPiAgICA8cGF0aCBkPSJtNDAuNCwxMjEuM2MtMC44LDAuOC0xLjgsMS4yLTIuOSwxLjJzLTIuMS0wLjQtMi45LTEuMmMtMS42LTEuNi0xLjYtNC4yIDAtNS44bDUxLTUxLTUxLTUxYy0xLjYtMS42LTEuNi00LjIgMC01LjggMS42LTEuNiA0LjItMS42IDUuOCwwbDUzLjksNTMuOWMxLjYsMS42IDEuNiw0LjIgMCw1LjhsLTUzLjksNTMuOXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIGZpbGw9IiM2NjY2NjYiLz4gIDwvZz48L2c+IDwvc3ZnPg==");
|
|
936
938
|
}
|
|
937
939
|
|
|
938
|
-
:where(.kks-pagination__dots) {
|
|
940
|
+
& :where(.kks-pagination__dots) {
|
|
939
941
|
display: block;
|
|
940
942
|
margin: 0 12px;
|
|
941
943
|
padding: 0.64rem 0;
|
|
@@ -946,29 +948,37 @@ const paginationStyle = css`
|
|
|
946
948
|
}
|
|
947
949
|
|
|
948
950
|
@media (min-width: 768px) {
|
|
949
|
-
:where(.kks-pagination__num-item:not(.kks-pagination__num-item--current)) {
|
|
951
|
+
& :where(.kks-pagination__num-item:not(.kks-pagination__num-item--current)) {
|
|
950
952
|
display: block;
|
|
951
953
|
}
|
|
952
954
|
|
|
953
|
-
:where(.kks-pagination__btn),
|
|
954
|
-
:where(.kks-pagination__dots) {
|
|
955
|
+
& :where(.kks-pagination__btn),
|
|
956
|
+
& :where(.kks-pagination__dots) {
|
|
955
957
|
margin: 0 6px;
|
|
956
958
|
}
|
|
957
959
|
|
|
958
|
-
:where(.kks-pagination__num-btn)::after {
|
|
960
|
+
& :where(.kks-pagination__num-btn)::after {
|
|
959
961
|
content: "";
|
|
960
962
|
}
|
|
961
963
|
|
|
962
|
-
:where(.kks-pagination__num-btn:hover:not(.kks-pagination__num-btn--active)),
|
|
963
|
-
:where(.kks-pagination__arrow-btn:hover) {
|
|
964
|
+
& :where(.kks-pagination__num-btn:hover:not(.kks-pagination__num-btn--active)),
|
|
965
|
+
& :where(.kks-pagination__arrow-btn:hover) {
|
|
964
966
|
background: rgba(0, 161, 179, 0.1);
|
|
965
967
|
}
|
|
966
968
|
|
|
967
|
-
:where(.kks-pagination__num-btn--active) {
|
|
969
|
+
& :where(.kks-pagination__num-btn--active) {
|
|
968
970
|
font-weight: 500;
|
|
969
971
|
color: #fff;
|
|
970
972
|
background: #00a1b3;
|
|
971
973
|
}
|
|
974
|
+
|
|
975
|
+
& :where(.kks-pagination__arrow-btn--prev) {
|
|
976
|
+
margin-left: 0;
|
|
977
|
+
}
|
|
978
|
+
|
|
979
|
+
& :where(.kks-pagination__arrow-btn--next) {
|
|
980
|
+
margin-right: 0;
|
|
981
|
+
}
|
|
972
982
|
}
|
|
973
983
|
`;
|
|
974
984
|
|