@start-base/start-ui
Version:
<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>
1 lines • 3.7 kB
CSS
.SUI-Table-module-table-xtgLu.SUI-Table-module-border-g-WZd{border-left:none;border-right:none}.SUI-Table-module-table-xtgLu.SUI-Table-module-empty-y7s6- .SUI-Table-module-tableContainer-EVIlW table td{justify-content:center;text-align:center}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW{font-size:14px;font-weight:400}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table{border:0;width:100%}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table thead{clip:rect(0 0 0 0);background-color:color-mix(in srgb,var(--sui-table-black) 90%,var(--sui-table-white));height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table tbody tr:nth-child(odd){background-color:var(--sui-table-black)}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table tbody tr:nth-child(2n){background-color:color-mix(in srgb,var(--sui-table-black) 98%,var(--sui-table-white))}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table tbody tr:hover{background-color:color-mix(in srgb,var(--sui-table-black) 94%,var(--sui-table-white))}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table tr{border-top:1px solid var(--sui-table-border);box-sizing:border-box;display:block;height:auto;margin-bottom:.5rem}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table td{border-bottom:1px solid var(--sui-table-border);border-left:1px solid var(--sui-table-border);border-right:1px solid var(--sui-table-border);box-sizing:border-box;display:flex;font-size:.8em;padding:8px;text-align:right;word-wrap:break-word;align-items:center;height:56px;justify-content:space-between}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table td:before{content:attr(data-title);float:left;font-weight:700;text-transform:uppercase}.SUI-Table-module-table-xtgLu .SUI-Table-module-row-GYSl1{height:56px}@media (min-width:992px){.SUI-Table-module-table-xtgLu.SUI-Table-module-border-g-WZd{border-left:1px solid var(--sui-table-border);border-right:1px solid var(--sui-table-border)}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table{border-collapse:collapse;margin:0;padding:0;table-layout:fixed;width:100%}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table thead{border:none;clip:auto;box-shadow:var(--elevation-1);height:auto;margin:0;overflow:visible;padding:0;position:sticky;top:-1px;z-index:2}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table thead th{height:56px}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table tr{border-bottom:1px solid var(--sui-table-border);display:table-row;margin-bottom:0;padding:.35em}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table td,.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table th{border-bottom:1px solid var(--sui-table-border);display:table-cell;font-size:14px;padding:.625em;text-align:left}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table td{border-right:0}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table td:first-child{border-left:0}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table th{border-left:1px solid var(--sui-table-border);font-size:.85em;letter-spacing:.1em;text-align:center;text-transform:uppercase}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table th:first-child{border-left:0}.SUI-Table-module-table-xtgLu .SUI-Table-module-tableContainer-EVIlW table td:before{content:none}}