diff options
| -rw-r--r-- | zola/static/style.css | 20 | ||||
| -rw-r--r-- | 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 @@ <!DOCTYPE html> <html lang="en"> <head> - <meta name="viewport" content="width=device-width, initial-scale=1" /> + <meta name="viewport" content="width=device-width" /> <meta charset="utf-8" /> <link rel="icon" type="image/x-icon" sizes="256x256" href="/favicon.ico"> <link rel="stylesheet" href="/style.css" type="text/css"> |