summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
authorJohannes Löthberg <johannes@kyriasis.com>2016-11-27 13:45:28 +0100
committerJohannes Löthberg <johannes@kyriasis.com>2016-11-27 13:45:28 +0100
commit66be1311a50f65ccd13b501d4a4f34c7453fefb4 (patch)
tree7522c92ebad86b359c8ea3dbd109c97f27739156 /templates
parent73c68d5ca68841ae369363f2ff74d4b0de1115f9 (diff)
downloadkyblo-66be1311a50f65ccd13b501d4a4f34c7453fefb4.tar.xz
Resize rems to 100% root font-size rather than pixel-ish
Signed-off-by: Johannes Löthberg <johannes@kyriasis.com>
Diffstat (limited to 'templates')
-rw-r--r--templates/layout.html37
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>