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

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

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