UNPKG

omii-ui

Version:

使用OMII开发的WebComponents库，样式采用bootstrap。可以作为标准的esmodule使用

github.com/lv-saharan/omii-ui

lv-saharan/omii-ui

7 lines (6 loc) • 3.16 kB
1
2
3
4
5
6
7
/*! * 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) */.tooltip{--oi-tooltip-zindex: 1080;--oi-tooltip-max-width: 200px;--oi-tooltip-padding-x: .5rem;--oi-tooltip-padding-y: .25rem;--oi-tooltip-margin: ;--oi-tooltip-font-size: .875rem;--oi-tooltip-color: #fff;--oi-tooltip-bg: #000;--oi-tooltip-border-radius: .375rem;--oi-tooltip-opacity: .9;--oi-tooltip-arrow-width: .8rem;--oi-tooltip-arrow-height: .4rem;z-index:var(--oi-tooltip-zindex);display:block;padding:var(--oi-tooltip-arrow-height);margin:var(--oi-tooltip-margin);font-family:var(--oi-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--oi-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--oi-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--oi-tooltip-arrow-width);height:var(--oi-tooltip-arrow-height)}.tooltip .tooltip-arrow:before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:0}.bs-tooltip-top .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before{top:-1px;border-width:var(--oi-tooltip-arrow-height) calc(var(--oi-tooltip-arrow-width) * .5) 0;border-top-color:var(--oi-tooltip-bg)}.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:0;width:var(--oi-tooltip-arrow-height);height:var(--oi-tooltip-arrow-width)}.bs-tooltip-end .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before{right:-1px;border-width:calc(var(--oi-tooltip-arrow-width) * .5) var(--oi-tooltip-arrow-height) calc(var(--oi-tooltip-arrow-width) * .5) 0;border-right-color:var(--oi-tooltip-bg)}.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:0}.bs-tooltip-bottom .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before{bottom:-1px;border-width:0 calc(var(--oi-tooltip-arrow-width) * .5) var(--oi-tooltip-arrow-height);border-bottom-color:var(--oi-tooltip-bg)}.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:0;width:var(--oi-tooltip-arrow-height);height:var(--oi-tooltip-arrow-width)}.bs-tooltip-start .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before{left:-1px;border-width:calc(var(--oi-tooltip-arrow-width) * .5) 0 calc(var(--oi-tooltip-arrow-width) * .5) var(--oi-tooltip-arrow-height);border-left-color:var(--oi-tooltip-bg)}.tooltip-inner{max-width:var(--oi-tooltip-max-width);padding:var(--oi-tooltip-padding-y) var(--oi-tooltip-padding-x);color:var(--oi-tooltip-color);text-align:center;background-color:var(--oi-tooltip-bg);border-radius:var(--oi-tooltip-border-radius)}