From b1dd3eafe71f6341848c7a6c4aeee429739a6601 Mon Sep 17 00:00:00 2001 From: Nicolas Dato Date: Mon, 18 Aug 2025 22:16:20 -0300 Subject: trying to make it look right on iphone --- zola/static/style.css | 20 +++++++++++++------- zola/templates/base.html | 2 +- 2 files changed, 14 insertions(+), 8 deletions(-) diff --git a/zola/static/style.css b/zola/static/style.css index c96ad91..e465fb8 100644 --- a/zola/static/style.css +++ b/zola/static/style.css @@ -22,14 +22,15 @@ --br-orange: #fa9153; --br-violet: #b891f5; --header-font-size: 150%; - --left-column-width: 20ex; + --left-column-width: 18ex; --border-width: 1px; --padding: 2ex; - --margin: 2ex; + --margin: 1ex; --content-padding-left: 8ex; --content-padding-right: 4ex; + --ul-padding-left: 3ex; --body-max-width: 140ex; - --body-font-size: 18px; + --body-font-size: 17px; --first-letter-font-size: 115%; --dt-font-size: 120%; --content-background-color: var(--bg0); @@ -108,8 +109,13 @@ article p { } article { - padding-top: 2ex; - padding-bottom: 5ex; + padding-top: var(--padding); + padding-bottom: var(--padding); +} + +menu, +ul { + padding-left: var(--ul-padding-left); } dt { @@ -154,7 +160,7 @@ pre { display: flex; flex-wrap: wrap; justify-content: center; - align-items: flex-start; + align-items: start; } .column header { @@ -170,7 +176,7 @@ pre { .content { flex-grow: 1; - flex-basis: 15em; + flex-basis: 50ex; padding-left: var(--content-padding-left); padding-right: var(--content-padding-right); } diff --git a/zola/templates/base.html b/zola/templates/base.html index 97762c5..d99b734 100644 --- a/zola/templates/base.html +++ b/zola/templates/base.html @@ -1,7 +1,7 @@ - + -- cgit v1.2.3