diff options
| author | Johannes Löthberg <johannes@kyriasis.com> | 2016-11-27 13:45:28 +0100 |
|---|---|---|
| committer | Johannes Löthberg <johannes@kyriasis.com> | 2016-11-27 13:45:28 +0100 |
| commit | 66be1311a50f65ccd13b501d4a4f34c7453fefb4 (patch) | |
| tree | 7522c92ebad86b359c8ea3dbd109c97f27739156 | |
| parent | 73c68d5ca68841ae369363f2ff74d4b0de1115f9 (diff) | |
| download | kyblo-66be1311a50f65ccd13b501d4a4f34c7453fefb4.tar.xz | |
Resize rems to 100% root font-size rather than pixel-ish
Signed-off-by: Johannes Löthberg <johannes@kyriasis.com>
| -rw-r--r-- | templates/layout.html | 37 |
1 files changed, 17 insertions, 20 deletions
diff --git a/templates/layout.html b/templates/layout.html index 4a64690..30ac0be 100644 --- a/templates/layout.html +++ b/templates/layout.html @@ -5,11 +5,8 @@ <meta name="viewport" content="width=device-width, initial-scale=1"> {% block head %}{% endblock %} <style> -html { - font-size:62.5%; -} body { - max-width: 60rem; + max-width: 37.5rem; } a, a:visited { text-decoration: none; @@ -24,7 +21,7 @@ header nav ul { } header nav ul li { display: inline; - margin-right: 0.5rem; + margin-right: 0.3125rem; } header nav a, header nav a:visited { color: #444; @@ -33,24 +30,24 @@ header nav a:hover { color: #111; } .padded-box { - font-size: 1.6rem; - padding-left: 1rem; - padding-right: 1rem; + font-size: 1rem; + padding-left: 0.625rem; + padding-right: 0.625rem; } hr { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; } article header h1 { - margin-top: 2rem; - margin-bottom: 0.5rem; + margin-top: 1.25rem; + margin-bottom: 0.3125rem; } article p { white-space: pre-wrap; text-align: justify; } #tags { - padding-bottom: 0.25rem; + padding-bottom: 0.15625rem; } #post-nav { padding-bottom: 0rem; @@ -62,26 +59,26 @@ ul#archive-list { ul#tag-list, ul.contact-addresses { list-style-type: circle; - padding-left: 2rem; + padding-left: 1.25rem; } footer#bottom div { - margin-bottom: 0.25rem; + margin-bottom: 0.15625rem; } footer#bottom p#copy { margin: 0rem; - padding-top: 0.25rem; - padding-bottom: 0.25rem; + padding-top: 0.15625rem; + padding-bottom: 0.15625rem; } footer#bottom ul#contact-info { margin: 0; padding: 0rem; - padding-top: 0.25rem; - padding-bottom: 0.25rem; + padding-top: 0.15625rem; + padding-bottom: 0.15625rem; list-style-type: none; } footer#bottom ul#contact-info li { display: inline; - margin-right: 0.25rem; + margin-right: 0.15625rem; } </style> </head> |