omii-ui
Version:
使用OMII开发的WebComponents库,样式采用bootstrap。可以作为标准的esmodule使用
7 lines (6 loc) • 1.5 kB
CSS
/*!
* Bootstrap v5.2.3 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{--oi-progress-height: 1rem;--oi-progress-font-size: .75rem;--oi-progress-bg: #e9ecef;--oi-progress-border-radius: .375rem;--oi-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);--oi-progress-bar-color: #fff;--oi-progress-bar-bg: #0d6efd;--oi-progress-bar-transition: width .6s ease;display:flex;height:var(--oi-progress-height);overflow:hidden;font-size:var(--oi-progress-font-size);background-color:var(--oi-progress-bg);border-radius:var(--oi-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--oi-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--oi-progress-bar-bg);transition:var(--oi-progress-bar-transition)}@media (prefers-reduced-motion: reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--oi-progress-height) var(--oi-progress-height)}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){.progress-bar-animated{animation:none}}