uses ems instead of px for font-size
diff --git a/static/css/style.less b/static/css/style.less
index 1e3f128..0888f99 100644
--- a/static/css/style.less
+++ b/static/css/style.less
@@ -13,7 +13,7 @@
background-color: @white;
color: @dark-grey;
font-family: 'PT Sans', sans-serif;
- font-size: 16px;
+ font-size: 1em;
}
a {
@@ -49,12 +49,12 @@
font-family: 'PT Serif', serif;
h1 {
- font-size: 30px;
+ font-size: 1.875em;
font-weight: normal;
}
h2 {
- font-size: 12px;
+ font-size: 0.75em;
font-weight: normal;
}
@@ -89,7 +89,7 @@
border-bottom: @light-grey 1px solid;
h3 {
- font-size: 12px;
+ font-size: 0.75em;
text-transform: uppercase;
}
}
@@ -99,33 +99,33 @@
max-width: 672px;
h1 {
- font-size: 24px;
+ font-size: 1.5em;
}
h2 {
- font-size: 22px;
+ font-size: 1.375em;
}
h3 {
- font-size: 20px;
+ font-size: 1.25em;
}
h4 {
- font-size: 18px;
+ font-size: 1.125em;
}
h5 {
- font-size: 16px;
+ font-size: 1em;
}
h6 {
- font-size: 12px;
+ font-size: 0.75em;
}
code {
padding: 2px;
color: @black;
- font-size: 14px;
+ font-size: 0.875em;
font-family: 'PT Mono', monospace;
background: @light-grey;
}
@@ -134,10 +134,10 @@
padding-left: 5px;
color: @black;
border-left: 5px solid @accent;
- font-size: 14px;
+ font-size: 0.875em;
font-family: 'PT Mono', monospace;
background: @light-grey;
- line-height: 20px;
+ line-height: 1.25em;
}
blockquote {
@@ -145,16 +145,16 @@
color: @med-grey;
}
- h1#article_title{
+ div#article_title{
a {
- font-size: 28px;
+ font-size: 1.75em;
}
}
div#article_text {
margin: 0;
padding: 0;
- line-height: 26px;
+ line-height: 1.625em;
a {
text-decoration: underline;
}
@@ -163,7 +163,7 @@
div#article_meta {
margin: 0;
padding: 0;
- font-size: 10px;
+ font-size: 0.625em;
color: @med-grey;
}
}
@@ -178,7 +178,7 @@
.border-radius(20px);
text-transform: uppercase;
color: @accent;
- font-size: 20px;
+ font-size: 1.25em;
&:hover {
color: @white;
background-color: @accent;
diff --git a/templates/article.html b/templates/article.html
index c2ebab9..51131fe 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -5,9 +5,9 @@
<h3>Posted on {{ article.locale_date }}</h3>
</header>
<article>
- <h1 id="article_title">
+ <div id="article_title">
<a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>
- </h1>
+ </div>
<div id="article_text">
{{ article.content }}
diff --git a/templates/index.html b/templates/index.html
index 4615f85..b7e9586 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -10,9 +10,9 @@
</header>
{% for article in articles_page.object_list %}
<article>
- <h1 id="article_title">
+ <div id="article_title">
<a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title }}">{{ article.title }}</a>
- </h1>
+ </div>
<div id="article_text">
{{ article.summary }}
</div>
diff --git a/templates/page.html b/templates/page.html
index 77c2c8c..de1bf38 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -5,9 +5,9 @@
<h3>{{ page.title }}</h3>
</header>
<article>
- <h1 id="article_title">
+ <div id="article_title">
<a href="{{ SITEURL }}/{{ page.url }}" rel="bookmark">{{ page.title }}</a>
- </h1>
+ </div>
<div id="article_text">
{{ page.content }}
</div>