ipng/ipng.ch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add CSS for tables - h/t Luiz Amaral
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Pim van Pelt
2024-08-05 23:10:36 +02:00
parent 7f73540fd7
commit b576a15a30
1 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
themes/hugo-theme-ipng/assets/styles.scss
View File

@ -21,6 +21,8 @@ $code-text: #f8f8f2;
$ipng-orange: #f46524;
$ipng-darkorange: #8c1919;
$ipng-lightorange: #fb8c00;
$table-header-background: #ffdcca;
$table-cell-background: #fafafa;
// Breakpoints
$bp-mini: 28em; // 288px
@ -746,3 +748,28 @@ cite {
text-decoration: none;
cursor: pointer;
}
table {
margin-bottom: 1em;
width: 100%;
text-align: left;
border-collapse: separate;
border-radius: 1em;
border: 2px solid $ipng-orange;
tr {
&:nth-child(even) {
background-color: darken($table-cell-background, 10%);
}
}
th, td {
padding: 0.15em 0.5em;
}
th {
color: $ipng-orange;
background-color: lighten($table-header-background, 3%);
border-bottom: 3px solid $ipng-orange;
font-weight: bold;
}
td {
}
}