feat: render catalog in a html page
This commit is contained in:
40
styles.css
Normal file
40
styles.css
Normal file
@@ -0,0 +1,40 @@
|
||||
:root {
|
||||
--accent-bg: #F5F7FF;
|
||||
--border: #D8DAE1;
|
||||
--main-foreground: #5b4636;
|
||||
--main-background: #f4f4f4;
|
||||
}
|
||||
|
||||
body{max-width:80ch;padding:2ch;margin:auto;
|
||||
color:var(--main-foreground);
|
||||
background-color:var(--main-background);
|
||||
}
|
||||
|
||||
a:link{text-decoration:none}
|
||||
|
||||
/* Format tables */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
border: 1px solid var(--border);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th {
|
||||
background: var(--accent-bg);
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table td:nth-child(2) {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
tr:nth-child(even) {
|
||||
/* Set every other cell slightly darker. Improves readability. */
|
||||
background: var(--accent-bg);
|
||||
}
|
||||
Reference in New Issue
Block a user