@opendesign-plus-test/components 0.0.1-rc.81 → 0.0.1-rc.83

package/dist/treeshaking/esm/components/footer/OFooter.css

@@ -1,617 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-a9088eaf] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-a9088eaf] {
-    transform: rotate(-180deg);
-}
-}
-.app-footer[data-v-a9088eaf] {
-  overflow: hidden;
-  background: #121214;
-}
-.app-footer .atom[data-v-a9088eaf] {
-  text-align: center;
-  margin-top: 24px;
-  position: relative;
-}
-.app-footer .atom .atom-text[data-v-a9088eaf] {
-  color: var(--o-color-white);
-  font-size: 20px;
-  line-height: 28px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.app-footer .atom .atom-text[data-v-a9088eaf] {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.app-footer .atom .atom-text[data-v-a9088eaf] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.app-footer .atom .atom-text[data-v-a9088eaf] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) {
-.app-footer .atom .atom-text[data-v-a9088eaf] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-.app-footer .atom .atom-logo[data-v-a9088eaf] {
-  height: 32px;
-  margin-top: 12px;
-}
-@media (max-width: 1680px) {
-.app-footer .atom .atom-logo[data-v-a9088eaf] {
-    margin-top: 8px;
-}
-}
-@media (max-width: 840px) {
-.app-footer .atom .atom-logo[data-v-a9088eaf] {
-    height: 30px;
-    margin-top: 12px;
-}
-}
-.app-footer .atom-divider[data-v-a9088eaf] {
-  --o-divider-bd-color: rgba(229, 229, 229, 0.12);
-  --o-divider-gap: 16px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.app-footer .atom-divider[data-v-a9088eaf] {
-    --o-divider-gap: 12px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.app-footer .atom-divider[data-v-a9088eaf] {
-    --o-divider-gap: 8px;
-}
-}
-.app-footer .footer-content[data-v-a9088eaf] {
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.app-footer .footer-content[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.app-footer .footer-content[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.app-footer .footer-content[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.app-footer .footer-content[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.app-footer .footer-content[data-v-a9088eaf] {
-  background-position: bottom;
-  background-repeat: no-repeat;
-  background-size: cover;
-}
-.app-footer .footer-content a[data-v-a9088eaf] {
-  color: rgba(var(--o-white), 0.6);
-  text-decoration: none;
-  white-space: nowrap;
-}
-@media (hover: hover) {
-.app-footer .footer-content a[data-v-a9088eaf]:hover {
-    color: rgba(var(--o-white), 1);
-}
-}
-.app-footer .quick-nav[data-v-a9088eaf] {
-  margin: 16px auto 0;
-  display: flex;
-  justify-content: space-between;
-  max-width: 1140px;
-}
-@media (max-width: 840px) {
-.app-footer .quick-nav[data-v-a9088eaf] {
-    display: none;
-}
-}
-.app-footer .quick-nav .category .category-title[data-v-a9088eaf] {
-  font-size: 20px;
-  line-height: 28px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.app-footer .quick-nav .category .category-title[data-v-a9088eaf] {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.app-footer .quick-nav .category .category-title[data-v-a9088eaf] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.app-footer .quick-nav .category .category-title[data-v-a9088eaf] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) {
-.app-footer .quick-nav .category .category-title[data-v-a9088eaf] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-.app-footer .quick-nav .category .category-title[data-v-a9088eaf] {
-  color: var(--o-color-white);
-}
-.app-footer .quick-nav .category .navs[data-v-a9088eaf] {
-  display: flex;
-  flex-direction: column;
-  list-style: none outside none;
-  padding-left: 0;
-}
-.app-footer .quick-nav .category .navs .nav[data-v-a9088eaf] {
-  margin-top: 8px;
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.app-footer .quick-nav .category .navs .nav[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.app-footer .quick-nav .category .navs .nav[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.app-footer .quick-nav .category .navs .nav[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.app-footer .quick-nav .category .navs .nav[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.app-footer .quick-nav .category .navs .nav[data-v-a9088eaf]:first-child {
-  margin-top: 10px;
-}
-.app-footer .friendship-link[data-v-a9088eaf] {
-  margin-top: 16px;
-  padding-bottom: 12px;
-  display: flex;
-  justify-content: center;
-  border-bottom: 1px solid rgba(229, 229, 229, 0.12);
-  font-size: 12px;
-  line-height: 18px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.app-footer .friendship-link[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.app-footer .friendship-link[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.app-footer .friendship-link[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.app-footer .friendship-link[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.app-footer .friendship-link .friendship-link-title[data-v-a9088eaf] {
-  color: var(--o-color-white);
-  margin-right: 32px;
-  flex-shrink: 0;
-}
-.app-footer .friendship-link a[data-v-a9088eaf]:not(:last-of-type) {
-  margin-right: 24px;
-}
-@media (max-width: 1200px) {
-.app-footer .friendship-link .friendship-link-title[data-v-a9088eaf] {
-    margin-right: 24px;
-    min-width: 48px;
-}
-.app-footer .friendship-link a[data-v-a9088eaf]:not(:last-of-type) {
-    margin-right: 12px;
-}
-}
-@media (max-width: 840px) {
-.app-footer .friendship-link[data-v-a9088eaf] {
-    display: none;
-}
-}
-.app-footer .inner[data-v-a9088eaf] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 8px 0 32px;
-  position: relative;
-}
-@media (max-width: 840px) {
-.app-footer .inner[data-v-a9088eaf] {
-    margin: 0 auto;
-    padding: 0 0 24px;
-    flex-direction: column;
-}
-}
-@media (max-width: 840px) {
-.app-footer .inner-en[data-v-a9088eaf] {
-    max-width: fit-content;
-}
-}
-.app-footer .footer-logo[data-v-a9088eaf] {
-  flex: 1;
-}
-.app-footer .footer-logo img[data-v-a9088eaf] {
-  height: 46px;
-}
-.app-footer .footer-logo .show-pc[data-v-a9088eaf] {
-  display: block;
-}
-.app-footer .footer-logo .show-mo[data-v-a9088eaf] {
-  display: none;
-}
-.app-footer .footer-logo .email[data-v-a9088eaf] {
-  color: var(--o-color-white);
-}
-@media (max-width: 840px) {
-.app-footer .footer-logo[data-v-a9088eaf] {
-    text-align: center;
-    margin: 16px 0;
-}
-.app-footer .footer-logo .show-pc[data-v-a9088eaf] {
-    display: none;
-}
-.app-footer .footer-logo .show-mo[data-v-a9088eaf] {
-    display: inline-block;
-    height: 20px;
-}
-}
-.app-footer .footer-option[data-v-a9088eaf] {
-  text-align: center;
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.app-footer .footer-option[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.app-footer .footer-option[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.app-footer .footer-option[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.app-footer .footer-option[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.app-footer .footer-option a[data-v-a9088eaf] {
-  color: var(--o-color-white);
-  display: inline-block;
-}
-.app-footer .footer-option .footer-option-item[data-v-a9088eaf] {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.app-footer .footer-option .footer-option-item .o-divider[data-v-a9088eaf] {
-  height: 12px;
-}
-@media (max-width: 840px) {
-.app-footer .footer-option[data-v-a9088eaf] {
-    order: -1;
-}
-}
-.app-footer .license[data-v-a9088eaf] {
-  color: var(--o-color-white);
-  margin-top: 8px;
-}
-.app-footer .license span[data-v-a9088eaf] {
-  color: rgba(var(--o-white), 0.6);
-}
-.app-footer .copyright[data-v-a9088eaf] {
-  margin-top: 6px;
-  color: rgba(var(--o-white), 0.6);
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-}
-.app-footer .copyright p[data-v-a9088eaf] {
-  margin-bottom: 0;
-}
-.app-footer .copyright .filing[data-v-a9088eaf] {
-  display: flex;
-  margin-left: 8px;
-}
-.app-footer .copyright .filing a[data-v-a9088eaf] {
-  color: rgba(var(--o-white), 0.6);
-}
-@media (hover: hover) {
-.app-footer .copyright .filing a[data-v-a9088eaf]:hover {
-    color: rgba(var(--o-white), 1);
-}
-}
-.app-footer .copyright .filing .filing-img[data-v-a9088eaf] {
-  height: 16px;
-  align-self: center;
-  margin-left: 8px;
-}
-.app-footer .copyright .filing p[data-v-a9088eaf] {
-  margin-left: 8px;
-}
-@media (max-width: 1200px) {
-.app-footer .copyright[data-v-a9088eaf] {
-    flex-direction: column;
-}
-.app-footer .copyright .filing[data-v-a9088eaf] {
-    margin-left: 6px;
-}
-}
-@media (max-width: 840px) {
-.app-footer .copyright[data-v-a9088eaf] {
-    margin-top: 4px;
-}
-.app-footer .copyright .filing[data-v-a9088eaf] {
-    margin-left: 4px;
-}
-}
-.app-footer .footer-right[data-v-a9088eaf] {
-  flex: 1;
-}
-.app-footer .footer-right .code-box[data-v-a9088eaf] {
-  display: flex;
-  justify-content: right;
-}
-.app-footer .footer-right .code-box .code-pop[data-v-a9088eaf] {
-  cursor: pointer;
-  position: relative;
-  height: 20px;
-  display: block;
-}
-.app-footer .footer-right .code-box .code-pop > img[data-v-a9088eaf] {
-  height: 100%;
-  object-fit: cover;
-}
-.app-footer .footer-right .code-box .code-pop .code-layer[data-v-a9088eaf] {
-  position: absolute;
-  top: -105px;
-  left: -32px;
-  z-index: 99;
-  display: none;
-  background: var(--o-color-white);
-  padding: 6px;
-}
-.app-footer .footer-right .code-box .code-pop .code-layer img[data-v-a9088eaf] {
-  width: 78px;
-  height: 78px;
-}
-.app-footer .footer-right .code-box .code-pop .code-layer .txt[data-v-a9088eaf] {
-  margin-top: 8px;
-  color: var(--o-color-white);
-  display: none;
-}
-.app-footer .footer-right .code-box .code-pop .code-layer[data-v-a9088eaf]::after {
-  border: 10px solid transparent;
-  content: "";
-  border-top-color: var(--o-color-white);
-  position: absolute;
-  bottom: -20px;
-  left: 50%;
-  transform: translateX(-50%);
-  display: block;
-}
-@media (hover: hover) {
-.app-footer .footer-right .code-box .code-pop:hover .code-layer[data-v-a9088eaf] {
-    display: block;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.app-footer .footer-right .code-box .code-pop[data-v-a9088eaf] {
-    height: 18px;
-}
-}
-.app-footer .footer-right .code-box .code-pop + .code-pop[data-v-a9088eaf] {
-  margin-left: 80px;
-}
-@media (max-width: 840px) {
-.app-footer .footer-right .code-box .code-pop + .code-pop[data-v-a9088eaf] {
-    margin-left: 64px;
-}
-}
-@media (max-width: 840px) {
-.app-footer .footer-right .code-box[data-v-a9088eaf] {
-    justify-content: space-between;
-}
-.app-footer .footer-right .code-box .code-pop[data-v-a9088eaf] {
-    height: auto;
-}
-.app-footer .footer-right .code-box .code-pop > img[data-v-a9088eaf] {
-    display: none;
-}
-.app-footer .footer-right .code-box .code-pop .code-layer[data-v-a9088eaf] {
-    display: block;
-    position: initial;
-    background: none;
-    padding: 0;
-    text-align: center;
-}
-.app-footer .footer-right .code-box .code-pop .code-layer[data-v-a9088eaf]::after {
-    display: none !important;
-}
-.app-footer .footer-right .code-box .code-pop .code-layer .txt[data-v-a9088eaf] {
-    display: block;
-}
-}
-.app-footer-simple[data-v-a9088eaf] {
-  background: var(--o-color-fill2);
-}
-.app-footer-simple .police-img[data-v-a9088eaf] {
-  width: 16px;
-  margin: 0 8px;
-}
-.app-footer-simple .app-footer-pc[data-v-a9088eaf] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 12px;
-  color: var(--o-color-info3);
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.app-footer-simple .app-footer-pc[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.app-footer-simple .app-footer-pc[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.app-footer-simple .app-footer-pc[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.app-footer-simple .app-footer-pc[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.app-footer-simple .app-footer-pc .footer-left[data-v-a9088eaf] {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  margin-top: 2px;
-}
-.app-footer-simple .app-footer-pc .approval[data-v-a9088eaf] {
-  margin-left: 8px;
-}
-.app-footer-simple .app-footer-pc a[data-v-a9088eaf] {
-  color: var(--o-color-info3);
-}
-@media (hover: hover) {
-.app-footer-simple .app-footer-pc a[data-v-a9088eaf]:hover {
-    color: var(--o-color-link1);
-}
-}
-.app-footer-simple .app-footer-pc .footer-right[data-v-a9088eaf] {
-  flex-shrink: 0;
-  margin-left: 16px;
-  display: flex;
-  align-items: center;
-}
-.app-footer-simple .app-footer-pc .footer-right .o-divider-v[data-v-a9088eaf] {
-  height: 12px;
-}
-.app-footer-simple .app-footer-mb[data-v-a9088eaf] {
-  display: none;
-  margin-top: 16px;
-  text-align: center;
-  color: var(--o-color-info4);
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.app-footer-simple .app-footer-mb[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.app-footer-simple .app-footer-mb[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.app-footer-simple .app-footer-mb[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.app-footer-simple .app-footer-mb[data-v-a9088eaf] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.app-footer-simple .app-footer-mb .links[data-v-a9088eaf] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.app-footer-simple .app-footer-mb .links .o-divider-v[data-v-a9088eaf] {
-  height: 12px;
-}
-.app-footer-simple .app-footer-mb .copyright[data-v-a9088eaf] {
-  margin-top: 4px;
-}
-.app-footer-simple .app-footer-mb .approval[data-v-a9088eaf] {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-top: 4px;
-}
-.app-footer-simple .app-footer-mb a[data-v-a9088eaf] {
-  color: var(--o-color-info4);
-}
-@media (hover: hover) {
-.app-footer-simple .app-footer-mb a[data-v-a9088eaf]:hover {
-    color: var(--o-color-link1);
-}
-}
-@media (max-width: 1200px) {
-.app-footer-simple .app-footer-pc[data-v-a9088eaf] {
-    display: none;
-}
-.app-footer-simple .app-footer-mb[data-v-a9088eaf] {
-    display: block;
-}
-}

package/dist/treeshaking/esm/components/header/OHeader.css

@@ -1,65 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-269d575f] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-269d575f] {
-    transform: rotate(-180deg);
-}
-}
-.header[data-v-269d575f] {
-  --o-header-height: 72px;
-}
-.header-wrap[data-v-269d575f] {
-  background-color: var(--o-color-fill2);
-  position: fixed;
-  left: 0;
-  right: 0;
-  top: 0;
-  z-index: 999;
-  box-shadow: 0 3px 9px 0 rgba(0, 18, 85, 0.08);
-  backdrop-filter: blur(5px);
-  height: var(--o-header-height);
-}
-.header-content[data-v-269d575f] {
-  display: flex;
-  align-items: center;
-  height: 100%;
-}
-.header-logo[data-v-269d575f] {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  margin-right: 24px;
-  flex-shrink: 0;
-}
-.logo[data-v-269d575f] {
-  height: 32px;
-}
-.header-nav[data-v-269d575f] {
-  flex: 1;
-  height: 100%;
-  min-width: 0;
-  overflow: hidden;
-  position: relative;
-}
-.header-toolbar[data-v-269d575f] {
-  height: 100%;
-  position: relative;
-}
-.header-nav-content[data-v-269d575f] {
-  position: fixed;
-  top: var(--o-header-height);
-  left: 0;
-  right: 0;
-  background: var(--o-color-fill2);
-  z-index: 998;
-  box-shadow: 0 3px 9px 0 rgba(0, 18, 85, 0.08);
-  overflow: hidden;
-}
-.header-wrap-dark[data-v-269d575f] {
-  box-shadow: 0 3px 9px 0 rgba(var(--o-grey-4), 0.08);
-}
-.header-wrap-dark .header-nav-content[data-v-269d575f] {
-  box-shadow: 0 3px 9px 0 rgba(var(--o-grey-4), 0.08);
-}