omii-ui/dist/bootstrap/tables.css

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

/*!
 * 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)
 */.table{--oi-table-color: var(--oi-body-color);--oi-table-bg: transparent;--oi-table-border-color: var(--oi-border-color);--oi-table-accent-bg: transparent;--oi-table-striped-color: var(--oi-body-color);--oi-table-striped-bg: rgba(0, 0, 0, .05);--oi-table-active-color: var(--oi-body-color);--oi-table-active-bg: rgba(0, 0, 0, .1);--oi-table-hover-color: var(--oi-body-color);--oi-table-hover-bg: rgba(0, 0, 0, .075);width:100%;margin-bottom:1rem;color:var(--oi-table-color);vertical-align:top;border-color:var(--oi-table-border-color)}.table>:not(caption)>*>*{padding:.5rem;background-color:var(--oi-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--oi-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:2px solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--oi-table-accent-bg: var(--oi-table-striped-bg);color:var(--oi-table-striped-color)}.table-striped-columns>:not(caption)>tr>:nth-child(even){--oi-table-accent-bg: var(--oi-table-striped-bg);color:var(--oi-table-striped-color)}.table-active{--oi-table-accent-bg: var(--oi-table-active-bg);color:var(--oi-table-active-color)}.table-hover>tbody>tr:hover>*{--oi-table-accent-bg: var(--oi-table-hover-bg);color:var(--oi-table-hover-color)}.table-primary{--oi-table-color: #000;--oi-table-bg: #cfe2ff;--oi-table-border-color: #bacbe6;--oi-table-striped-bg: #c5d7f2;--oi-table-striped-color: #000;--oi-table-active-bg: #bacbe6;--oi-table-active-color: #000;--oi-table-hover-bg: #bfd1ec;--oi-table-hover-color: #000;color:var(--oi-table-color);border-color:var(--oi-table-border-color)}.table-secondary{--oi-table-color: #000;--oi-table-bg: #e2e3e5;--oi-table-border-color: #cbccce;--oi-table-striped-bg: #d7d8da;--oi-table-striped-color: #000;--oi-table-active-bg: #cbccce;--oi-table-active-color: #000;--oi-table-hover-bg: #d1d2d4;--oi-table-hover-color: #000;color:var(--oi-table-color);border-color:var(--oi-table-border-color)}.table-success{--oi-table-color: #000;--oi-table-bg: #d1e7dd;--oi-table-border-color: #bcd0c7;--oi-table-striped-bg: #c7dbd2;--oi-table-striped-color: #000;--oi-table-active-bg: #bcd0c7;--oi-table-active-color: #000;--oi-table-hover-bg: #c1d6cc;--oi-table-hover-color: #000;color:var(--oi-table-color);border-color:var(--oi-table-border-color)}.table-info{--oi-table-color: #000;--oi-table-bg: #cff4fc;--oi-table-border-color: #badce3;--oi-table-striped-bg: #c5e8ef;--oi-table-striped-color: #000;--oi-table-active-bg: #badce3;--oi-table-active-color: #000;--oi-table-hover-bg: #bfe2e9;--oi-table-hover-color: #000;color:var(--oi-table-color);border-color:var(--oi-table-border-color)}.table-warning{--oi-table-color: #000;--oi-table-bg: #fff3cd;--oi-table-border-color: #e6dbb9;--oi-table-striped-bg: #f2e7c3;--oi-table-striped-color: #000;--oi-table-active-bg: #e6dbb9;--oi-table-active-color: #000;--oi-table-hover-bg: #ece1be;--oi-table-hover-color: #000;color:var(--oi-table-color);border-color:var(--oi-table-border-color)}.table-danger{--oi-table-color: #000;--oi-table-bg: #f8d7da;--oi-table-border-color: #dfc2c4;--oi-table-striped-bg: #eccccf;--oi-table-striped-color: #000;--oi-table-active-bg: #dfc2c4;--oi-table-active-color: #000;--oi-table-hover-bg: #e5c7ca;--oi-table-hover-color: #000;color:var(--oi-table-color);border-color:var(--oi-table-border-color)}.table-light{--oi-table-color: #000;--oi-table-bg: #f8f9fa;--oi-table-border-color: #dfe0e1;--oi-table-striped-bg: #ecedee;--oi-table-striped-color: #000;--oi-table-active-bg: #dfe0e1;--oi-table-active-color: #000;--oi-table-hover-bg: #e5e6e7;--oi-table-hover-color: #000;color:var(--oi-table-color);border-color:var(--oi-table-border-color)}.table-dark{--oi-table-color: #fff;--oi-table-bg: #212529;--oi-table-border-color: #373b3e;--oi-table-striped-bg: #2c3034;--oi-table-striped-color: #fff;--oi-table-active-bg: #373b3e;--oi-table-active-color: #fff;--oi-table-hover-bg: #323539;--oi-table-hover-color: #fff;color:var(--oi-table-color);border-color:var(--oi-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}