yc-pro-components 0.0.40 → 0.0.41

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.
Files changed (34) hide show
  1. package/es/components/yc-status-dialog/src/index.vue.mjs +1 -1
  2. package/es/index.css +2 -2
  3. package/index.css +13 -9
  4. package/index.js +2 -2
  5. package/index.min.css +2 -2
  6. package/index.min.js +2 -2
  7. package/index.min.mjs +2 -2
  8. package/index.mjs +2 -2
  9. package/lib/components/yc-status-dialog/src/index.vue.js +1 -1
  10. package/lib/index.css +2 -2
  11. package/locale/en.js +1 -1
  12. package/locale/en.min.js +1 -1
  13. package/locale/en.min.mjs +1 -1
  14. package/locale/en.mjs +1 -1
  15. package/locale/ja.js +1 -1
  16. package/locale/ja.min.js +1 -1
  17. package/locale/ja.min.mjs +1 -1
  18. package/locale/ja.mjs +1 -1
  19. package/locale/ko.js +1 -1
  20. package/locale/ko.min.js +1 -1
  21. package/locale/ko.min.mjs +1 -1
  22. package/locale/ko.mjs +1 -1
  23. package/locale/zh-cn.js +1 -1
  24. package/locale/zh-cn.min.js +1 -1
  25. package/locale/zh-cn.min.mjs +1 -1
  26. package/locale/zh-cn.mjs +1 -1
  27. package/locale/zh-tw.js +1 -1
  28. package/locale/zh-tw.min.js +1 -1
  29. package/locale/zh-tw.min.mjs +1 -1
  30. package/locale/zh-tw.mjs +1 -1
  31. package/package.json +1 -1
  32. package/theme-chalk/index.css +1 -1
  33. package/theme-chalk/plus-yc-status-dialog.css +1 -1
  34. package/theme-chalk/src/yc-status-dialog.scss +6 -2
package/es/components/yc-status-dialog/src/index.vue.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import _sfc_main from './index.vue2.mjs';
2
2
  import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
3
3
 
4
- var YcStatusDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-41f76849"], ["__file", "index.vue"]]);
4
+ var YcStatusDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c0384bfe"], ["__file", "index.vue"]]);
5
5
 
6
6
  export { YcStatusDialog as default };
package/es/index.css CHANGED
@@ -7,8 +7,8 @@
7
7
  .tree-dropdown-popper{border:none!important;border-radius:8px!important;overflow:hidden!important}.yc-plus-tree .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.el-tree-node__content:has([data-input-node=true]) .el-tree-node__expand-icon{display:none!important}.sortable-ghost{opacity:.3!important;position:relative!important}.drop-target{background-color:var(--el-color-primary-light-9)!important;border-radius:4px}.drop-target:before{background:var(--el-color-primary);border-radius:1.5px;bottom:0;content:"";left:calc(var(--drop-indent, 0px) - 3px);opacity:.6;position:absolute;top:0;width:3px;z-index:1}
8
8
  .yc-drawer .el-drawer__header{margin-bottom:0!important;padding:0!important}.yc-drawer .el-drawer__footer{padding-bottom:12px!important;padding-right:24px!important;padding-top:12px!important}
9
9
  .custom-drawer-header[data-v-e05479bb]{border-radius:4px 4px 0 0;display:flex;flex-direction:column;height:56px;justify-content:flex-end;width:100%}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb]{align-items:center;display:flex;flex-direction:row;height:24px;justify-content:space-between;margin:16px 0 0 24px;width:calc(100% - 48px)}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-title[data-v-e05479bb]{color:#000;font-family:NotoSansSC,PingFangSC,sans-serif;font-size:16px;font-weight:500;height:24px;line-height:24px;overflow-wrap:break-word;text-align:left;white-space:nowrap}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-close-icon[data-v-e05479bb]{color:rgba(0,0,0,.6);cursor:pointer;transition:color .3s}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-close-icon[data-v-e05479bb][data-v-e05479bb]:hover{color:rgba(0,0,0,.9)}.custom-drawer-header[data-v-e05479bb] .header-divider[data-v-e05479bb]{background-color:#f5f7f9;height:1px;margin-top:15px;width:100%}
10
- .yc-status-dialog .el-dialog__footer:before{display:none!important}.yc-status-dialog{border-radius:4px!important;padding:24px!important}.yc-status-dialog .el-dialog__header{margin:0!important;padding:0!important}.yc-status-dialog .el-dialog__body{padding:0!important}.yc-status-dialog .el-dialog__footer{padding:16px 0 0!important}.yc-status-dialog .el-dialog__headerbtn{height:16px;right:24px;top:24px;width:16px}.yc-status-dialog .el-dialog__headerbtn .el-dialog__close{display:none}.yc-status-dialog .el-dialog__headerbtn:before{background-image:url(https://staticcdn.jinbizhihui.com/images/saas-basic-platform/close_tips_icon.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:16px;width:16px}
11
- .yc-status-dialog[data-v-41f76849] .dialog-header[data-v-41f76849]{align-items:center;display:flex;gap:4px}.yc-status-dialog[data-v-41f76849] .dialog-header[data-v-41f76849] .icon-wrapper[data-v-41f76849]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;justify-content:center}.yc-status-dialog[data-v-41f76849] .dialog-header[data-v-41f76849] .icon-wrapper[data-v-41f76849] .status-icon[data-v-41f76849]{height:20px;width:20px}.yc-status-dialog[data-v-41f76849] .dialog-header[data-v-41f76849] .title-text[data-v-41f76849]{color:#000;font-size:16px;font-weight:500;line-height:24px;overflow-wrap:break-word;width:80%;word-break:break-word}.yc-status-dialog[data-v-41f76849] .dialog-content[data-v-41f76849]{box-sizing:border-box;min-height:104px;padding-top:16px}.yc-status-dialog[data-v-41f76849] .dialog-content[data-v-41f76849] .content-text[data-v-41f76849]{color:rgba(0,0,0,.5);font-size:14px;line-height:22px;margin:0}.yc-status-dialog[data-v-41f76849] .dialog-footer[data-v-41f76849]{display:flex;justify-content:flex-end}
10
+ .yc-status-dialog .el-dialog__footer:before{display:none!important}.yc-status-dialog{border-radius:4px!important;padding:24px!important}.yc-status-dialog .el-dialog__header{margin:0!important;padding:0!important}.yc-status-dialog .el-dialog__header:after{background-color:transparent;border:none}.yc-status-dialog .el-dialog__body{padding:0!important}.yc-status-dialog .el-dialog__footer{padding:16px 0 0!important}.yc-status-dialog .el-dialog__headerbtn{height:16px;width:16px}.yc-status-dialog .el-dialog__headerbtn .el-dialog__close{display:none}.yc-status-dialog .el-dialog__headerbtn:before{background-image:url(https://staticcdn.jinbizhihui.com/images/saas-basic-platform/close_tips_icon.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:16px;width:16px}
11
+ .yc-status-dialog[data-v-c0384bfe] .dialog-header[data-v-c0384bfe]{align-items:center;display:flex;gap:4px}.yc-status-dialog[data-v-c0384bfe] .dialog-header[data-v-c0384bfe] .icon-wrapper[data-v-c0384bfe]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;justify-content:center}.yc-status-dialog[data-v-c0384bfe] .dialog-header[data-v-c0384bfe] .icon-wrapper[data-v-c0384bfe] .status-icon[data-v-c0384bfe]{height:20px;width:20px}.yc-status-dialog[data-v-c0384bfe] .dialog-header[data-v-c0384bfe] .title-text[data-v-c0384bfe]{color:#000;font-size:16px;font-weight:500;line-height:24px;overflow-wrap:break-word;width:80%;word-break:break-word}.yc-status-dialog[data-v-c0384bfe] .dialog-content[data-v-c0384bfe]{box-sizing:border-box;min-height:104px;padding-top:16px}.yc-status-dialog[data-v-c0384bfe] .dialog-content[data-v-c0384bfe] .content-text[data-v-c0384bfe]{color:rgba(0,0,0,.5);font-size:14px;line-height:22px;margin:0}.yc-status-dialog[data-v-c0384bfe] .dialog-footer[data-v-c0384bfe]{display:flex;justify-content:flex-end}
12
12
  .yc-more-actions__icon[data-v-6d5915ff]{align-items:center;display:inline-flex;margin-right:4px}.yc-more-actions__item-icon[data-v-6d5915ff]{align-items:center;display:inline-flex;font-size:14px;margin-right:6px}[data-v-6d5915ff] .el-dropdown-menu__item.is-danger{color:var(--el-color-danger)}[data-v-6d5915ff] .el-dropdown-menu__item.is-danger:hover{background-color:var(--el-color-danger-light-9);color:var(--el-color-danger)}
13
13
  .yc-form-container-header[data-v-e3e5d0e4] .header-title[data-v-e3e5d0e4]{color:var(--el-text-color-regular);font-family:NotoSansSC,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-left:8px;position:relative;text-align:left}.yc-form-container-header[data-v-e3e5d0e4] .header-title[data-v-e3e5d0e4][data-v-e3e5d0e4]:before{background:linear-gradient(180deg,var(--yc-header-gradient-start,var(--pure-button-primary-gradient-start,var(--el-color-primary))) 0,var(--yc-header-gradient-end,var(--pure-button-primary-gradient-end,var(--el-color-primary-light-3))) 100%);content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}
14
14
  .scroll-num{display:inline-block;height:1em;line-height:1;overflow:hidden;text-align:center}.scroll-num ul{animation:scrolling calc(var(--delay)*1s) ease-out forwards;filter:url(#blur);list-style:none;margin:0;padding:0}.scroll-num ul li{height:1em;line-height:1}@keyframes scrolling{0%{transform:translateY(0)}20%{transform:translateY(calc(var(--i)*-9.09% - 18.18%))}40%{transform:translateY(calc(var(--i)*-9.09% + 9.09%))}60%{transform:translateY(calc(var(--i)*-9.09% - 4.545%))}80%{transform:translateY(calc(var(--i)*-9.09% + 2.27%))}to{transform:translateY(calc(var(--i)*-9.09%))}}
package/index.css CHANGED
@@ -482,6 +482,10 @@
482
482
  padding: 0 !important;
483
483
  margin: 0 !important;
484
484
  }
485
+ .yc-status-dialog .el-dialog__header::after {
486
+ background-color: transparent;
487
+ border: none;
488
+ }
485
489
  .yc-status-dialog .el-dialog__body {
486
490
  padding: 0 !important;
487
491
  }
@@ -489,8 +493,8 @@
489
493
  padding: 16px 0 0 !important;
490
494
  }
491
495
  .yc-status-dialog .el-dialog__headerbtn {
492
- top: 24px;
493
- right: 24px;
496
+ /* top: 24px; */
497
+ /* right: 24px; */
494
498
  width: 16px;
495
499
  height: 16px;
496
500
  }
@@ -508,23 +512,23 @@
508
512
  background-position: center;
509
513
  }
510
514
  @charset "UTF-8";
511
- .yc-status-dialog[data-v-41f76849] .dialog-header[data-v-41f76849] {
515
+ .yc-status-dialog[data-v-c0384bfe] .dialog-header[data-v-c0384bfe] {
512
516
  display: flex;
513
517
  gap: 4px;
514
518
  align-items: center;
515
519
  }
516
- .yc-status-dialog[data-v-41f76849] .dialog-header[data-v-41f76849] .icon-wrapper[data-v-41f76849] {
520
+ .yc-status-dialog[data-v-c0384bfe] .dialog-header[data-v-c0384bfe] .icon-wrapper[data-v-c0384bfe] {
517
521
  display: flex;
518
522
  flex-shrink: 0;
519
523
  align-items: center;
520
524
  justify-content: center;
521
525
  border-radius: 50%;
522
526
  }
523
- .yc-status-dialog[data-v-41f76849] .dialog-header[data-v-41f76849] .icon-wrapper[data-v-41f76849] .status-icon[data-v-41f76849] {
527
+ .yc-status-dialog[data-v-c0384bfe] .dialog-header[data-v-c0384bfe] .icon-wrapper[data-v-c0384bfe] .status-icon[data-v-c0384bfe] {
524
528
  width: 20px;
525
529
  height: 20px;
526
530
  }
527
- .yc-status-dialog[data-v-41f76849] .dialog-header[data-v-41f76849] .title-text[data-v-41f76849] {
531
+ .yc-status-dialog[data-v-c0384bfe] .dialog-header[data-v-c0384bfe] .title-text[data-v-c0384bfe] {
528
532
  width: 80%;
529
533
  font-size: 16px;
530
534
  font-weight: 500;
@@ -534,18 +538,18 @@
534
538
  word-break: break-word;
535
539
  overflow-wrap: break-word;
536
540
  }
537
- .yc-status-dialog[data-v-41f76849] .dialog-content[data-v-41f76849] {
541
+ .yc-status-dialog[data-v-c0384bfe] .dialog-content[data-v-c0384bfe] {
538
542
  padding-top: 16px;
539
543
  min-height: 104px;
540
544
  box-sizing: border-box;
541
545
  }
542
- .yc-status-dialog[data-v-41f76849] .dialog-content[data-v-41f76849] .content-text[data-v-41f76849] {
546
+ .yc-status-dialog[data-v-c0384bfe] .dialog-content[data-v-c0384bfe] .content-text[data-v-c0384bfe] {
543
547
  margin: 0;
544
548
  font-size: 14px;
545
549
  line-height: 22px;
546
550
  color: rgba(0, 0, 0, 0.5);
547
551
  }
548
- .yc-status-dialog[data-v-41f76849] .dialog-footer[data-v-41f76849] {
552
+ .yc-status-dialog[data-v-c0384bfe] .dialog-footer[data-v-c0384bfe] {
549
553
  display: flex;
550
554
  justify-content: flex-end;
551
555
  }
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! yc-pro-components v0.0.40 */
1
+ /*! yc-pro-components v0.0.41 */
2
2
  (function (global, factory) {
3
3
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus')) :
4
4
  typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus'], factory) :
@@ -59130,7 +59130,7 @@
59130
59130
  }
59131
59131
  });
59132
59132
 
59133
- var YcStatusDialog = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-41f76849"], ["__file", "index.vue"]]);
59133
+ var YcStatusDialog = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-c0384bfe"], ["__file", "index.vue"]]);
59134
59134
 
59135
59135
  var _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
59136
59136
  ...{
package/index.min.css CHANGED
@@ -7,8 +7,8 @@
7
7
  .tree-dropdown-popper{border:none!important;border-radius:8px!important;overflow:hidden!important}.yc-plus-tree .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.el-tree-node__content:has([data-input-node=true]) .el-tree-node__expand-icon{display:none!important}.sortable-ghost{opacity:.3!important;position:relative!important}.drop-target{background-color:var(--el-color-primary-light-9)!important;border-radius:4px}.drop-target:before{background:var(--el-color-primary);border-radius:1.5px;bottom:0;content:"";left:calc(var(--drop-indent, 0px) - 3px);opacity:.6;position:absolute;top:0;width:3px;z-index:1}
8
8
  .yc-drawer .el-drawer__header{margin-bottom:0!important;padding:0!important}.yc-drawer .el-drawer__footer{padding-bottom:12px!important;padding-right:24px!important;padding-top:12px!important}
9
9
  .custom-drawer-header[data-v-e05479bb]{border-radius:4px 4px 0 0;display:flex;flex-direction:column;height:56px;justify-content:flex-end;width:100%}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb]{align-items:center;display:flex;flex-direction:row;height:24px;justify-content:space-between;margin:16px 0 0 24px;width:calc(100% - 48px)}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-title[data-v-e05479bb]{color:#000;font-family:NotoSansSC,PingFangSC,sans-serif;font-size:16px;font-weight:500;height:24px;line-height:24px;overflow-wrap:break-word;text-align:left;white-space:nowrap}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-close-icon[data-v-e05479bb]{color:rgba(0,0,0,.6);cursor:pointer;transition:color .3s}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-close-icon[data-v-e05479bb][data-v-e05479bb]:hover{color:rgba(0,0,0,.9)}.custom-drawer-header[data-v-e05479bb] .header-divider[data-v-e05479bb]{background-color:#f5f7f9;height:1px;margin-top:15px;width:100%}
10
- .yc-status-dialog .el-dialog__footer:before{display:none!important}.yc-status-dialog{border-radius:4px!important;padding:24px!important}.yc-status-dialog .el-dialog__header{margin:0!important;padding:0!important}.yc-status-dialog .el-dialog__body{padding:0!important}.yc-status-dialog .el-dialog__footer{padding:16px 0 0!important}.yc-status-dialog .el-dialog__headerbtn{height:16px;right:24px;top:24px;width:16px}.yc-status-dialog .el-dialog__headerbtn .el-dialog__close{display:none}.yc-status-dialog .el-dialog__headerbtn:before{background-image:url(https://staticcdn.jinbizhihui.com/images/saas-basic-platform/close_tips_icon.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:16px;width:16px}
11
- .yc-status-dialog[data-v-41f76849] .dialog-header[data-v-41f76849]{align-items:center;display:flex;gap:4px}.yc-status-dialog[data-v-41f76849] .dialog-header[data-v-41f76849] .icon-wrapper[data-v-41f76849]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;justify-content:center}.yc-status-dialog[data-v-41f76849] .dialog-header[data-v-41f76849] .icon-wrapper[data-v-41f76849] .status-icon[data-v-41f76849]{height:20px;width:20px}.yc-status-dialog[data-v-41f76849] .dialog-header[data-v-41f76849] .title-text[data-v-41f76849]{color:#000;font-size:16px;font-weight:500;line-height:24px;overflow-wrap:break-word;width:80%;word-break:break-word}.yc-status-dialog[data-v-41f76849] .dialog-content[data-v-41f76849]{box-sizing:border-box;min-height:104px;padding-top:16px}.yc-status-dialog[data-v-41f76849] .dialog-content[data-v-41f76849] .content-text[data-v-41f76849]{color:rgba(0,0,0,.5);font-size:14px;line-height:22px;margin:0}.yc-status-dialog[data-v-41f76849] .dialog-footer[data-v-41f76849]{display:flex;justify-content:flex-end}
10
+ .yc-status-dialog .el-dialog__footer:before{display:none!important}.yc-status-dialog{border-radius:4px!important;padding:24px!important}.yc-status-dialog .el-dialog__header{margin:0!important;padding:0!important}.yc-status-dialog .el-dialog__header:after{background-color:transparent;border:none}.yc-status-dialog .el-dialog__body{padding:0!important}.yc-status-dialog .el-dialog__footer{padding:16px 0 0!important}.yc-status-dialog .el-dialog__headerbtn{height:16px;width:16px}.yc-status-dialog .el-dialog__headerbtn .el-dialog__close{display:none}.yc-status-dialog .el-dialog__headerbtn:before{background-image:url(https://staticcdn.jinbizhihui.com/images/saas-basic-platform/close_tips_icon.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:16px;width:16px}
11
+ .yc-status-dialog[data-v-c0384bfe] .dialog-header[data-v-c0384bfe]{align-items:center;display:flex;gap:4px}.yc-status-dialog[data-v-c0384bfe] .dialog-header[data-v-c0384bfe] .icon-wrapper[data-v-c0384bfe]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;justify-content:center}.yc-status-dialog[data-v-c0384bfe] .dialog-header[data-v-c0384bfe] .icon-wrapper[data-v-c0384bfe] .status-icon[data-v-c0384bfe]{height:20px;width:20px}.yc-status-dialog[data-v-c0384bfe] .dialog-header[data-v-c0384bfe] .title-text[data-v-c0384bfe]{color:#000;font-size:16px;font-weight:500;line-height:24px;overflow-wrap:break-word;width:80%;word-break:break-word}.yc-status-dialog[data-v-c0384bfe] .dialog-content[data-v-c0384bfe]{box-sizing:border-box;min-height:104px;padding-top:16px}.yc-status-dialog[data-v-c0384bfe] .dialog-content[data-v-c0384bfe] .content-text[data-v-c0384bfe]{color:rgba(0,0,0,.5);font-size:14px;line-height:22px;margin:0}.yc-status-dialog[data-v-c0384bfe] .dialog-footer[data-v-c0384bfe]{display:flex;justify-content:flex-end}
12
12
  .yc-more-actions__icon[data-v-6d5915ff]{align-items:center;display:inline-flex;margin-right:4px}.yc-more-actions__item-icon[data-v-6d5915ff]{align-items:center;display:inline-flex;font-size:14px;margin-right:6px}[data-v-6d5915ff] .el-dropdown-menu__item.is-danger{color:var(--el-color-danger)}[data-v-6d5915ff] .el-dropdown-menu__item.is-danger:hover{background-color:var(--el-color-danger-light-9);color:var(--el-color-danger)}
13
13
  .yc-form-container-header[data-v-e3e5d0e4] .header-title[data-v-e3e5d0e4]{color:var(--el-text-color-regular);font-family:NotoSansSC,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-left:8px;position:relative;text-align:left}.yc-form-container-header[data-v-e3e5d0e4] .header-title[data-v-e3e5d0e4][data-v-e3e5d0e4]:before{background:linear-gradient(180deg,var(--yc-header-gradient-start,var(--pure-button-primary-gradient-start,var(--el-color-primary))) 0,var(--yc-header-gradient-end,var(--pure-button-primary-gradient-end,var(--el-color-primary-light-3))) 100%);content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}
14
14
  .scroll-num{display:inline-block;height:1em;line-height:1;overflow:hidden;text-align:center}.scroll-num ul{animation:scrolling calc(var(--delay)*1s) ease-out forwards;filter:url(#blur);list-style:none;margin:0;padding:0}.scroll-num ul li{height:1em;line-height:1}@keyframes scrolling{0%{transform:translateY(0)}20%{transform:translateY(calc(var(--i)*-9.09% - 18.18%))}40%{transform:translateY(calc(var(--i)*-9.09% + 9.09%))}60%{transform:translateY(calc(var(--i)*-9.09% - 4.545%))}80%{transform:translateY(calc(var(--i)*-9.09% + 2.27%))}to{transform:translateY(calc(var(--i)*-9.09%))}}