Skip to content

Latest commit

 

History

History
40 lines (32 loc) · 784 Bytes

Table styling - Rounded corners.md

File metadata and controls

40 lines (32 loc) · 784 Bytes

Collection

Table styling - Rounded corners



cover::

/*
author: FireIsGood
source: https://discord.com/channels/686053708261228577/702656734631821413/1112164539975340032
*/

:root table {
  border-collapse: separate;
  border-spacing: 0;
}
th:first-of-type {
  border-top-left-radius: 8px;
}
th:last-of-type {
  border-top-right-radius: 8px;
}
tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 8px;
}
tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 8px;
}

:root :is(td, th) {
  border-width: 0 var(--table-border-width) var(--table-border-width) 0;
}