refacto: reorganize scss for modularity
This commit is contained in:
parent
cee8bb00bc
commit
8d3d2d8b61
10 changed files with 301 additions and 303 deletions
63
sass/parts/_table.scss
Normal file
63
sass/parts/_table.scss
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
table {
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 0.5rem;
|
||||
padding: 1rem 1.5rem;
|
||||
border-style: solid;
|
||||
border-width: .1rem;
|
||||
border-color: var(--overlay0);
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: var(--base);
|
||||
text-transform: uppercase;
|
||||
font-weight: medium;
|
||||
font-size: small;
|
||||
border: none
|
||||
}
|
||||
|
||||
tr:first-child>td:first-child {
|
||||
border-top-left-radius: var(--standard-border-radius);
|
||||
}
|
||||
|
||||
tr:first-child>td:last-child {
|
||||
border-top-right-radius: var(--standard-border-radius);
|
||||
}
|
||||
|
||||
tr:last-child>td:first-child {
|
||||
border-bottom-left-radius: var(--standard-border-radius);
|
||||
}
|
||||
|
||||
tr:last-child>td:last-child {
|
||||
border-bottom-right-radius: var(--standard-border-radius);
|
||||
}
|
||||
|
||||
tr>td:last-child {
|
||||
border-right-width: .15rem;
|
||||
}
|
||||
|
||||
tr:first-child>td {
|
||||
border-top-width: .15rem;
|
||||
}
|
||||
|
||||
tr>td:first-child {
|
||||
border-left-width: .15rem;
|
||||
}
|
||||
|
||||
tr:last-child>td {
|
||||
border-bottom-width: .15rem;
|
||||
}
|
||||
|
||||
tr:nth-child(even) td {
|
||||
background-color: var(--surface0);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue