diff options
Diffstat (limited to 'assets/theme/main.scss')
-rw-r--r-- | assets/theme/main.scss | 93 |
1 files changed, 91 insertions, 2 deletions
diff --git a/assets/theme/main.scss b/assets/theme/main.scss index 3221dd3..967e0da 100644 --- a/assets/theme/main.scss +++ b/assets/theme/main.scss @@ -1,7 +1,6 @@ // Variables $mainWidth: 900px; - // Colors @import url("/css/highlight-emacs.css") screen and (prefers-color-scheme: light); @import url("/css/highlight-monokai.css") screen and (prefers-color-scheme: dark); @@ -109,6 +108,77 @@ section.admonition { } } +section.project { + border-top: 1px solid var(--bodyForegroundColor); + padding: 0.5rem 0.5rem; + + h2 { + margin: 0.5rem 0rem; + + small { + margin-left: 1.5rem; + font-weight: normal; + font-size: small; + } + } + + p { + margin-top: 0; + } + + nav.project { + a, a:visited { + margin: 0.5rem; + text-decoration: underline; + color: var(--bodyForegroundColor); + } + + a::before { + content: "ยป "; + } + } +} + +section.recipe { + border-top: 1px solid var(--bodyForegroundColor); + padding: 0.5rem; + display: grid; + grid-template-columns: [preview] 1fr [description] 5fr [end]; + + div.picture { + grid-column-start: preview; + grid-column-end: description; + } + + div.description { + grid-column-start: description; + grid-column-end: end; + } + + h2 { + margin: 0.5rem 0rem; + } +} + +section.service { + border-top: 1px solid var(--bodyForegroundColor); + padding: 0.5rem; + + h2 { + margin: 0.5rem 0rem; + + small { + margin-left: 1.5rem; + font-weight: normal; + font-size: small; + } + } + + p { + margin-top: 0; + } +} + @media(min-width: $mainWidth) { section.admonition { display: grid; @@ -145,7 +215,7 @@ section.admonition { } // Navigation bar -nav { +nav.main { padding-bottom: 8px; border-bottom: double var(--bodyForegroundColor); text-align: center; @@ -222,3 +292,22 @@ pre code { margin-right: 1em; } } + +.tag { + color: var(--linkForegroundColor); + font-family: monospace; + text-decoration: none; + border-bottom: 1px dotted var(--linkForegroundColor); +} +.tag::before { + content: "#"; +} + +ul.taglist { + li { + display: inline; + } + + margin: 0; + padding: 0; +} |