convert into Hugo module theme
This commit is contained in:
parent
b07a2a6cf5
commit
04abc92ae5
98 changed files with 2137 additions and 15971 deletions
44
assets/css/components/_table.scss
Normal file
44
assets/css/components/_table.scss
Normal file
|
@ -0,0 +1,44 @@
|
|||
/* TODO: Not currently used */
|
||||
@media screen and (max-width: 480px) {
|
||||
.table-scroller {
|
||||
overflow-inline: auto;
|
||||
inline-size: 320px;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
border: 1px solid $dark;
|
||||
margin: auto;
|
||||
|
||||
& thead {
|
||||
background-color: #808080;
|
||||
color: $light;
|
||||
z-index: 1;
|
||||
position: sticky;
|
||||
vertical-align: middle;
|
||||
inset-block-start: 0;
|
||||
max-block-size: 1.8em;
|
||||
|
||||
& th {
|
||||
font-weight: bold;
|
||||
text-align: start;
|
||||
padding: 1em;
|
||||
font-size: 1.4em;
|
||||
border: 1px solid $dark;
|
||||
}
|
||||
}
|
||||
|
||||
& tbody {
|
||||
& tr {
|
||||
&:nth-child(2n) {
|
||||
background-color: #DDDDD0;
|
||||
}
|
||||
|
||||
& td {
|
||||
padding: 0.5em 1em;
|
||||
border: 1px solid $dark;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue