diff options
| author | Elias Haugsbakk <[email protected]> | 2026-07-22 14:14:24 +0200 |
|---|---|---|
| committer | Elias Haugsbakk <[email protected]> | 2026-07-22 14:14:24 +0200 |
| commit | 5ac83efd59ab85d0bdf82d5847fe9fe0b11232d9 (patch) | |
| tree | d45dde720f638853695940b79a6eb6a2d978ded8 /clams-server/src/main/resources/public/css/article.css | |
| parent | 8d86458282efae6c3fc26ab8fb4bd61d1a4e01e3 (diff) | |
update article to post on the backend and blog on the frontend
Diffstat (limited to 'clams-server/src/main/resources/public/css/article.css')
| -rw-r--r-- | clams-server/src/main/resources/public/css/article.css | 63 |
1 files changed, 0 insertions, 63 deletions
diff --git a/clams-server/src/main/resources/public/css/article.css b/clams-server/src/main/resources/public/css/article.css deleted file mode 100644 index 318df62..0000000 --- a/clams-server/src/main/resources/public/css/article.css +++ /dev/null @@ -1,63 +0,0 @@ -.article-header { - display: flex; - justify-content: space-between; - margin-top: 2.8rem; - margin-bottom: 2.5rem; - font-size: 0.9rem; - opacity: 0.7; - border-bottom: 1px solid var(--border-color); - padding-bottom: 0.6rem; -} - -h1 { - text-align: left; -} - -blockquote { - border-left: 4px solid var(--accent-color); - padding-left: 1rem; - margin-left: 0; - font-style: italic; -} - -.article-content { - line-height: 1.8; - font-size: var(--font-size-body); - margin-bottom: 5rem; -} - -.article-content p { - margin-bottom: 1.5rem; - font-size: inherit; -} - -.article-content p:has(img) { - margin: 2.4rem 0; - text-align: center; -} - -.article-content img { - width: 100%; - max-width: 34.4rem; - height: auto; - border: 1px solid var(--border-color); - border-radius: 8px; - display: inline-block; -} - -.article-nav { - display: flex; - justify-content: space-between; - margin-top: 3.8rem; - padding-top: 1.8rem; - border-top: 1px dashed var(--border-color); -} - -@media (max-width: 768px) { - .article-header { - margin-top: 10px; - flex-direction: column; - align-items: center; - gap: 10px; - } -} |
