diff --git a/sass/main.scss b/sass/main.scss index 58e3764..2b13455 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -27,25 +27,37 @@ body { font-size: 1rem; } } - -h1, h2, h3, h4, h5, h6 { +h1, h2 { display: flex; align-items: center; - font-weight: bold; + font-weight: 500; line-height: 1.3; color: var(--accent2); } +h3, h4, h5, h6 { + display: flex; + align-items: center; + font-weight: 400; + line-height: 0.8; + color: var(--accent3); +} + h1 { font-size: 1.4rem; } h2 { font-size: 1.3rem; + padding-top: 1rem; + border-bottom: 1px dashed var(--accent); + padding-bottom: 7px; } + h3 { font-size: 1.2rem; + font-weight: bolder; } h4, h5, h6 { @@ -201,7 +213,7 @@ table { } table, th, td { - border: 1px dashed var(--accent); + border: none; padding: 10px; } @@ -209,6 +221,11 @@ th { color: var(--accent); } +td { + border-bottom: 1px dotted var(--accent); + } + + ul, ol { margin-left: 30px; padding: 0; @@ -253,3 +270,14 @@ hr { .hidden { display: none; } + +@media print { + .section { + break-inside: avoid-page; + padding-top: 1rem; + } + p, table { + break-inside: avoid-page; + } +} + diff --git a/templates/index.html b/templates/index.html index 271675d..8d45a38 100644 --- a/templates/index.html +++ b/templates/index.html @@ -95,17 +95,26 @@ {% endblock footer %} diff --git a/templates/shortcodes/section.md b/templates/shortcodes/section.md new file mode 100644 index 0000000..8a78049 --- /dev/null +++ b/templates/shortcodes/section.md @@ -0,0 +1,5 @@ +
+ +{{ body }} + +