@opendesign-plus-test/components 0.0.1-rc.213 → 0.0.1-rc.214

package/dist/treeshaking/components/footer/components/FooterList.css

@@ -1,132 +1,160 @@
-.hover-icon-rotate .o-icon[data-v-69b84a8a] {
+.hover-icon-rotate .o-icon[data-v-1d7a4555] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-69b84a8a] {
+.hover-icon-rotate:hover .o-icon[data-v-1d7a4555] {
     transform: rotate(-180deg);
 }
 }
-a[data-v-69b84a8a] {
+a[data-v-1d7a4555] {
   color: rgba(var(--o-white), 0.6);
   text-decoration: none;
   white-space: nowrap;
 }
 @media (hover: hover) {
-a[data-v-69b84a8a]:hover {
+a[data-v-1d7a4555]:hover {
     color: rgba(var(--o-white), 1);
 }
 }
-a[data-v-69b84a8a]:active {
+a[data-v-1d7a4555]:active {
   color: rgba(var(--o-white), 1);
 }
-.content[data-v-69b84a8a] {
+.content[data-v-1d7a4555] {
   padding: 16px 0 12px;
   border-top: 1px solid rgba(229, 229, 229, 0.12);
   border-bottom: 1px solid rgba(229, 229, 229, 0.12);
 }
-.info[data-v-69b84a8a] {
+.content.no-info[data-v-1d7a4555] {
+  padding-top: var(--o-gap-6);
+}
+@media (max-width: 1680px) {
+.content.no-info[data-v-1d7a4555] {
+    padding-top: var(--o-gap-5);
+}
+}
+@media (max-width: 1200px) {
+.content.no-info[data-v-1d7a4555] {
+    padding-top: var(--o-gap-4);
+}
+}
+@media (max-width: 840px) {
+.content.no-info[data-v-1d7a4555] {
+    padding-top: var(--o-gap-3);
+}
+}
+.info[data-v-1d7a4555] {
   text-align: center;
   padding: 24px 0 16px;
+  border-bottom: 1px solid rgba(229, 229, 229, 0.12);
 }
-.info .info-text[data-v-69b84a8a] {
+.info .info-text[data-v-1d7a4555] {
   color: var(--o-color-white);
   font-size: 20px;
   line-height: 28px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.info .info-text[data-v-69b84a8a] {
+.info .info-text[data-v-1d7a4555] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.info .info-text[data-v-69b84a8a] {
+.info .info-text[data-v-1d7a4555] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.info .info-text[data-v-69b84a8a] {
+.info .info-text[data-v-1d7a4555] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.info .info-text[data-v-69b84a8a] {
+.info .info-text[data-v-1d7a4555] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.info .info-logo[data-v-69b84a8a] {
+.info .info-logo[data-v-1d7a4555] {
   height: 32px;
   margin-top: 12px;
 }
-.quick-nav[data-v-69b84a8a] {
+.quick-nav[data-v-1d7a4555] {
   display: flex;
-  justify-content: center;
+  justify-content: space-between;
+  gap: var(--grid-column-gutter);
+  padding: 0 180px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.quick-nav[data-v-1d7a4555] {
+    padding: 0 100px;
+}
 }
-.quick-nav .quick-title[data-v-69b84a8a] {
+@media (max-width: 1200px) {
+.quick-nav[data-v-1d7a4555] {
+    padding: 0;
+}
+}
+.quick-nav .quick-title[data-v-1d7a4555] {
   color: var(--o-color-white);
   font-size: 20px;
   line-height: 28px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.quick-nav .quick-title[data-v-69b84a8a] {
+.quick-nav .quick-title[data-v-1d7a4555] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.quick-nav .quick-title[data-v-69b84a8a] {
+.quick-nav .quick-title[data-v-1d7a4555] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.quick-nav .quick-title[data-v-69b84a8a] {
+.quick-nav .quick-title[data-v-1d7a4555] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.quick-nav .quick-title[data-v-69b84a8a] {
+.quick-nav .quick-title[data-v-1d7a4555] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.quick-nav .nav-item[data-v-69b84a8a] {
+.quick-nav .nav-item[data-v-1d7a4555] {
   margin-top: 8px;
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.quick-nav .nav-item[data-v-69b84a8a] {
+.quick-nav .nav-item[data-v-1d7a4555] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.quick-nav .nav-item[data-v-69b84a8a] {
+.quick-nav .nav-item[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.quick-nav .nav-item[data-v-69b84a8a] {
+.quick-nav .nav-item[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.quick-nav .nav-item[data-v-69b84a8a] {
+.quick-nav .nav-item[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.quick-nav .nav + .nav[data-v-69b84a8a] {
-  margin-left: 88px;
-}
-.friendship-link[data-v-69b84a8a] {
+.friendship-link[data-v-1d7a4555] {
   margin-top: 32px;
   display: flex;
   justify-content: center;
@@ -134,122 +162,134 @@ a[data-v-69b84a8a]:active {
   line-height: 18px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.friendship-link[data-v-69b84a8a] {
+.friendship-link[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.friendship-link[data-v-69b84a8a] {
+.friendship-link[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.friendship-link[data-v-69b84a8a] {
+.friendship-link[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.friendship-link[data-v-69b84a8a] {
+.friendship-link[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.friendship-link .friendship-link-title[data-v-69b84a8a] {
+.friendship-link .friendship-link-title[data-v-1d7a4555] {
   color: var(--o-color-white);
   flex-shrink: 0;
 }
-.friendship-link .friendship-link-box[data-v-69b84a8a] {
+.friendship-link .friendship-link-box[data-v-1d7a4555] {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin-left: 32px;
 }
-.friendship-link a[data-v-69b84a8a] {
+.friendship-link a[data-v-1d7a4555] {
   margin-right: 24px;
 }
-.footer-bottom[data-v-69b84a8a] {
+.footer-bottom[data-v-1d7a4555] {
   padding: 16px 0 32px;
-  display: flex;
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
   align-items: center;
-  justify-content: space-between;
+  gap: var(--grid-column-gutter);
+}
+.footer-bottom .footer-logo[data-v-1d7a4555] {
+  grid-column: 1;
+  justify-self: start;
+}
+.footer-bottom .footer-option[data-v-1d7a4555] {
+  grid-column: 2;
 }
-.footer-logo img[data-v-69b84a8a] {
+.footer-bottom .footer-right[data-v-1d7a4555] {
+  grid-column: 3;
+  justify-self: end;
+}
+.footer-logo img[data-v-1d7a4555] {
   height: 46px;
 }
-.footer-logo .email[data-v-69b84a8a] {
+.footer-logo .email[data-v-1d7a4555] {
   color: var(--o-color-white);
   margin-top: 4px;
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.footer-logo .email[data-v-69b84a8a] {
+.footer-logo .email[data-v-1d7a4555] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.footer-logo .email[data-v-69b84a8a] {
+.footer-logo .email[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.footer-logo .email[data-v-69b84a8a] {
+.footer-logo .email[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.footer-logo .email[data-v-69b84a8a] {
+.footer-logo .email[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.footer-option-item[data-v-69b84a8a] {
+.footer-option-item[data-v-1d7a4555] {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
 }
-.footer-option-item a[data-v-69b84a8a] {
+.footer-option-item a[data-v-1d7a4555] {
   color: rgba(var(--o-white), 0.8);
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.footer-option-item a[data-v-69b84a8a] {
+.footer-option-item a[data-v-1d7a4555] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.footer-option-item a[data-v-69b84a8a] {
+.footer-option-item a[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.footer-option-item a[data-v-69b84a8a] {
+.footer-option-item a[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.footer-option-item a[data-v-69b84a8a] {
+.footer-option-item a[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.footer-option-item .o-divider[data-v-69b84a8a] {
+.footer-option-item .o-divider[data-v-1d7a4555] {
   height: 12px;
   --o-divider-label-gap: 0 8px;
   --o-divider-bd-color: rgba(var(--o-white), 0.6);
 }
-.license[data-v-69b84a8a] {
+.license[data-v-1d7a4555] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -259,34 +299,34 @@ a[data-v-69b84a8a]:active {
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.license[data-v-69b84a8a] {
+.license[data-v-1d7a4555] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.license[data-v-69b84a8a] {
+.license[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.license[data-v-69b84a8a] {
+.license[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.license[data-v-69b84a8a] {
+.license[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.license .license-text[data-v-69b84a8a] {
+.license .license-text[data-v-1d7a4555] {
   color: rgba(var(--o-white), 0.6);
   margin-right: 4px;
 }
-.copyright[data-v-69b84a8a] {
+.copyright[data-v-1d7a4555] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -297,179 +337,179 @@ a[data-v-69b84a8a]:active {
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.copyright[data-v-69b84a8a] {
+.copyright[data-v-1d7a4555] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.copyright[data-v-69b84a8a] {
+.copyright[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.copyright[data-v-69b84a8a] {
+.copyright[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.copyright[data-v-69b84a8a] {
+.copyright[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.copyright .copyright-left[data-v-69b84a8a] {
+.copyright .copyright-left[data-v-1d7a4555] {
   display: flex;
 }
-.copyright .filing[data-v-69b84a8a] {
+.copyright .filing[data-v-1d7a4555] {
   display: flex;
   margin-left: 16px;
 }
-.copyright .filing-img[data-v-69b84a8a] {
+.copyright .filing-img[data-v-1d7a4555] {
   height: 18px;
 }
-.copyright .beian-info[data-v-69b84a8a] {
+.copyright .beian-info[data-v-1d7a4555] {
   margin-left: 4px;
 }
-.footer-right[data-v-69b84a8a] {
+.footer-right[data-v-1d7a4555] {
   display: flex;
   flex-shrink: 0;
 }
-.footer-right .code-pop[data-v-69b84a8a] {
+.footer-right .code-pop[data-v-1d7a4555] {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
-.footer-right .code-pop img[data-v-69b84a8a] {
+.footer-right .code-pop img[data-v-1d7a4555] {
   width: 64px;
 }
-.footer-right .code-pop .txt[data-v-69b84a8a] {
+.footer-right .code-pop .txt[data-v-1d7a4555] {
   margin-top: 4px;
   color: var(--o-color-white);
+  word-break: keep-all;
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.footer-right .code-pop .txt[data-v-69b84a8a] {
+.footer-right .code-pop .txt[data-v-1d7a4555] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.footer-right .code-pop .txt[data-v-69b84a8a] {
+.footer-right .code-pop .txt[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.footer-right .code-pop .txt[data-v-69b84a8a] {
+.footer-right .code-pop .txt[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.footer-right .code-pop .txt[data-v-69b84a8a] {
+.footer-right .code-pop .txt[data-v-1d7a4555] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.footer-right .code-pop + .code-pop[data-v-69b84a8a] {
+.footer-right .code-pop + .code-pop[data-v-1d7a4555] {
   margin-left: 16px;
 }
 @media (max-width: 1680px) {
-.info[data-v-69b84a8a] {
+.info[data-v-1d7a4555] {
     padding: 16px 0 12px;
 }
-.info .info-logo[data-v-69b84a8a] {
+.info .info-logo[data-v-1d7a4555] {
     margin-top: 8px;
 }
-.content[data-v-69b84a8a] {
+.content[data-v-1d7a4555] {
     padding: 12px 0 8px;
 }
-.friendship-link[data-v-69b84a8a] {
+.friendship-link[data-v-1d7a4555] {
     margin-top: 24px;
 }
-.footer-bottom[data-v-69b84a8a] {
+.footer-bottom[data-v-1d7a4555] {
     padding: 16px 0 24px;
 }
-.footer-right .code-pop img[data-v-69b84a8a] {
+.footer-right .code-pop img[data-v-1d7a4555] {
     width: 56px;
 }
 }
 @media (max-width: 1200px) {
-.info[data-v-69b84a8a] {
+.info[data-v-1d7a4555] {
     padding: 12px 0 8px;
 }
-.content[data-v-69b84a8a] {
+.content[data-v-1d7a4555] {
     padding: 8px 0;
 }
-.quick-nav .nav + .nav[data-v-69b84a8a] {
-    margin-left: auto;
-}
-.friendship-link[data-v-69b84a8a] {
+.friendship-link[data-v-1d7a4555] {
     margin-top: 16px;
 }
-.footer-bottom[data-v-69b84a8a] {
+.footer-bottom[data-v-1d7a4555] {
     padding: 12px 0 16px;
 }
 }
 @media (max-width: 840px) {
-.info[data-v-69b84a8a] {
+.info[data-v-1d7a4555] {
     padding: 24px 0 16px;
 }
-.info .info-logo[data-v-69b84a8a] {
+.info .info-logo[data-v-1d7a4555] {
     height: 30px;
     margin-top: 12px;
 }
-.content[data-v-69b84a8a] {
+.content[data-v-1d7a4555] {
     padding: 16px 0;
 }
-.friendship-link[data-v-69b84a8a] {
+.friendship-link[data-v-1d7a4555] {
     margin-top: 0;
 }
-.friendship-link .friendship-link-box[data-v-69b84a8a] {
+.friendship-link .friendship-link-box[data-v-1d7a4555] {
     margin-left: 24px;
 }
-.footer-bottom[data-v-69b84a8a] {
-    padding: 16px 0 24px;
+.footer-bottom[data-v-1d7a4555] {
+    display: flex;
     flex-direction: column;
+    padding: 16px 0 24px;
+    gap: 24px;
 }
-.copyright[data-v-69b84a8a] {
+.footer-logo[data-v-1d7a4555] {
+    display: none;
+}
+.copyright[data-v-1d7a4555] {
     flex-direction: column;
 }
-.copyright .copyright-left[data-v-69b84a8a] {
+.copyright .copyright-left[data-v-1d7a4555] {
     justify-content: center;
     flex-wrap: wrap;
 }
-.copyright .filing[data-v-69b84a8a] {
+.copyright .filing[data-v-1d7a4555] {
     margin: 4px 0 0;
 }
-.footer-right[data-v-69b84a8a] {
-    margin-top: 24px;
-}
-.footer-right .code-pop img[data-v-69b84a8a] {
+.footer-right .code-pop img[data-v-1d7a4555] {
     width: 78px;
 }
-.footer-right .code-pop + .code-pop[data-v-69b84a8a] {
+.footer-right .code-pop + .code-pop[data-v-1d7a4555] {
     margin-left: 80px;
 }
 }
 @media (max-width: 600px) {
-.friendship-link[data-v-69b84a8a] {
+.friendship-link[data-v-1d7a4555] {
     flex-direction: column;
 }
-.friendship-link .friendship-link-title[data-v-69b84a8a] {
+.friendship-link .friendship-link-title[data-v-1d7a4555] {
     margin-bottom: 8px;
 }
-.friendship-link .friendship-link-box[data-v-69b84a8a] {
+.friendship-link .friendship-link-box[data-v-1d7a4555] {
     margin-left: 0;
 }
-.friendship-link a[data-v-69b84a8a] {
+.friendship-link a[data-v-1d7a4555] {
     margin: 4px 24px 0 0;
 }
-.footer-right .code-pop + .code-pop[data-v-69b84a8a] {
+.footer-right .code-pop + .code-pop[data-v-1d7a4555] {
     margin-left: 60px;
 }
 }

package/dist/treeshaking/components/footer/components/FooterList.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./FooterList.vue2.mjs";
 import './FooterList.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const FooterList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69b84a8a"]]);
+const FooterList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d7a4555"]]);
 export {
   FooterList as default
 };