@opensig/opendesign/es/_styles/index.css

<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制，使用 TypeScript</b></p>

@keyframes o-rotating {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.o-rotating {
  animation: o-rotating var(--o-rotate-duration, 1s) var(--o-easing-linear) infinite;
}

@keyframes o-zoom-fade-in {
  0% {
    transform: scale(var(--init-scale));
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.o-zoom-fade-enter-active {
  --init-scale: 0.95;
  animation: o-zoom-fade-in var(--o-duration-m1) var(--o-easing-standard-in);
}

.o-zoom-fade-leave-active {
  --init-scale: 0.95;
  animation: o-zoom-fade-in var(--o-duration-s) var(--o-easing-standard-out) reverse;
}

.o-zoom-fade2-enter-active {
  --init-scale: 0.8;
  animation: o-zoom-fade-in var(--o-duration-m1) var(--o-easing-standard-in);
}

.o-zoom-fade2-leave-active {
  --init-scale: 0.8;
  animation: o-zoom-fade-in var(--o-duration-s) var(--o-easing-standard-out) reverse;
}

@keyframes o-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.o-fade-in-enter-active {
  animation: o-fade-in var(--o-duration-m1) var(--o-easing-standard-in);
}

.o-fade-in-leave-active {
  animation: o-fade-in var(--o-duration-m1) var(--o-easing-standard-out) reverse;
}

@keyframes o-fade-up {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.o-fade-up-enter-active {
  animation: o-fade-up var(--o-duration-m1) var(--o-easing-standard-in);
}

.o-fade-up-leave-active {
  animation: o-fade-up var(--o-duration-s) var(--o-easing-standard-out) reverse;
}

.o-txt-display1 {
  font-size: var(--o-font_size-display1);
  line-height: var(--o-line_height-display1);
}

.o-txt-display2 {
  font-size: var(--o-font_size-display2);
  line-height: var(--o-line_height-display2);
}

.o-txt-display3 {
  font-size: var(--o-font_size-display3);
  line-height: var(--o-line_height-display3);
}

.o-txt-display4 {
  font-size: var(--o-font_size-display4);
  line-height: var(--o-line_height-display4);
}

.o-txt-display5 {
  font-size: var(--o-font_size-display5);
  line-height: var(--o-line_height-display5);
}

.o-txt-h1 {
  font-size: var(--o-font_size-h1);
  line-height: var(--o-line_height-h1);
}

.o-txt-h2 {
  font-size: var(--o-font_size-h2);
  line-height: var(--o-line_height-h2);
}

.o-txt-h3 {
  font-size: var(--o-font_size-h3);
  line-height: var(--o-line_height-h3);
}

.o-txt-h4 {
  font-size: var(--o-font_size-h4);
  line-height: var(--o-line_height-h4);
}

.o-txt-text1 {
  font-size: var(--o-font_size-text1);
  line-height: var(--o-line_height-text1);
}

.o-txt-text2 {
  font-size: var(--o-font_size-text2);
  line-height: var(--o-line_height-text2);
}

.o-txt-tip1 {
  font-size: var(--o-font_size-tip1);
  line-height: var(--o-line_height-tip1);
}

.o-txt-tip2 {
  font-size: var(--o-font_size-tip2);
  line-height: var(--o-line_height-tip2);
}

.o-hide-scrollbar {
  scrollbar-width: none;
}
.o-hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.o-svg-icon {
  --icon-g1: var(--o-color-info1);
  --icon-g2: var(--o-color-primary1);
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.2em;
  color: inherit;
  font-style: normal;
  outline: none;
}
.o-svg-icon.type-stroke {
  stroke: currentColor;
}
.o-svg-icon.type-fill {
  fill: currentColor;
}

[class^=o-],
[class^=o_] {
  box-sizing: border-box;
}

:root {
  --o-z-index-base: 100;
  --o-z-index-max: 9999;
  --o-font-password: Arial, "Helvetica Neue", Helvetica, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}