kaholaz/hello-friend-ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add css for tables to make them match the theme

Browse source
This commit is contained in:
Alex Day 2020-11-11 17:20:27 -05:00
parent 44e11417bb
commit f066e4badc
2 changed files with 48 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

46
assets/scss/_tables.scss Normal file
View file

@ -0,0 +1,46 @@
.post-content {
table {
border-collapse: collapse;
margin: 25px 0;
margin-left: auto;
margin-right: auto;
font-size: 0.9em;
font-family: sans-serif;
min-width: 400px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
table thead tr {
background-color: $light-border-color;
color: $light-color;
text-align: left;
.dark-theme & {
background-color: $dark-border-color;
color: $dark-color
}
}
th, td {
padding: 12px 15px;
}
tbody tr {
border-bottom: 1px solid $light-border-color;
.dark-theme & {
border-bottom: 1px solid $dark-border-color;
}
}
// tbody tr:nth-of-type(even) {
// background-color: $light-background-secondary;
// .dark-theme & {
// background-color: $dark-background-secondary;
// }
// }
tbody tr:last-of-type {
border-bottom: 2px solid $light-border-color;
.dark-theme & {
border-bottom: 2px solid $dark-border-color;
}
}
}

1
assets/scss/main.scss
View file

@ -15,3 +15,4 @@
@import "single"; @import "single";
@import "footer"; @import "footer";
@import "sharing-buttons"; @import "sharing-buttons";
@import "tables";