diff --git a/assets/styles/01-base/typography.css b/assets/styles/01-base/typography.css index cdb3ffe..4ebf048 100644 --- a/assets/styles/01-base/typography.css +++ b/assets/styles/01-base/typography.css @@ -100,11 +100,19 @@ p { margin: 0 0 15px; } +a.btn, button { + font-family: var(--font-family), sans-serif; + font-size: 1rem; + line-height: 1.1; + text-transform: uppercase; +} + .lede { font-family: var(--main-body-font), serif; font-size: 1.6rem; word-wrap: break-word; font-weight: 300; + margin-bottom: var(--spacing-3); } strong:not(>h2), .strong { diff --git a/assets/styles/02-layout/layout.css b/assets/styles/02-layout/layout.css index ebe51db..8e6b2a9 100644 --- a/assets/styles/02-layout/layout.css +++ b/assets/styles/02-layout/layout.css @@ -84,11 +84,11 @@ main { main.static { margin-left: auto; margin-right: auto; - max-width: 1000px; + max-width: 960px; } .w-container { - max-width: 1000px; + max-width: 960px; margin-left: auto; margin-right: auto; width: 100%; diff --git a/assets/styles/03-components/article.css b/assets/styles/03-components/article.css index 6216a65..2cd0812 100644 --- a/assets/styles/03-components/article.css +++ b/assets/styles/03-components/article.css @@ -3,6 +3,10 @@ * Article-specific styling (content, actions, metadata) */ +article { + margin-bottom: var(--spacing-5); +} + .article-main { margin-top: var(--spacing-5); } @@ -153,3 +157,7 @@ blockquote p { color: var(--color-primary); text-decoration: underline; } + +article .card { + margin: 0; +} diff --git a/assets/styles/03-components/dropdown.css b/assets/styles/03-components/dropdown.css index 8f26025..e01cc1e 100644 --- a/assets/styles/03-components/dropdown.css +++ b/assets/styles/03-components/dropdown.css @@ -41,7 +41,6 @@ background-color: var(--color-bg-light); background-clip: padding-box; border: 1px solid var(--color-border); - border-radius: 0.375rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } diff --git a/assets/styles/03-components/picture-event.css b/assets/styles/03-components/picture-event.css index e69de29..eac3ce0 100644 --- a/assets/styles/03-components/picture-event.css +++ b/assets/styles/03-components/picture-event.css @@ -0,0 +1,32 @@ +figure.media { + margin: 0; + padding: var(--spacing-3) var(--spacing-3) 0 var(--spacing-3); + border: none; + box-shadow: none; + background-color: var(--color-bg-light); +} + +.picture-description { + display: flex; + flex-direction: row; + padding: var(--spacing-3) var(--spacing-3) var(--spacing-1) var(--spacing-3) ; +} + +@media screen and (max-width: 768px) { + .picture-description { + flex-direction: column; + gap: var(--spacing-2); + padding-bottom: var(--spacing-2); + } +} + + +figcaption.picture-description div { + flex-grow: 1; +} + +figcaption.picture-description p, +figcaption.picture-description .credits { + font-size: 1rem; + line-height: 1.2; +} diff --git a/assets/styles/04-pages/admin.css b/assets/styles/04-pages/admin.css index 4521178..b1c6104 100644 --- a/assets/styles/04-pages/admin.css +++ b/assets/styles/04-pages/admin.css @@ -166,6 +166,8 @@ max-width: 100%; height: auto; display: block; + margin: 0 auto; + max-height: calc(100vh - 100px); } .annotated-users { @@ -181,9 +183,3 @@ font-size: 0.875rem; white-space: nowrap; } - -.picture-alt { - margin-top: 0.5rem; - font-style: italic; - color: var(--color-text-mid); -}