schtobia/flex
1
0
Fork 0
Code Issues Pull requests Activity

Change font size.

Browse source
This commit is contained in:
Alexandre Vicenzi 2015-07-22 01:26:35 -03:00
parent 315cd31009
commit 8fa5ee871d
5 changed files with 36 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
README.md
View file

@ -111,13 +111,13 @@ If you need more icons, you will need to add a custom background to keep all ico
| Name | What does it do? | | Name | What does it do? |
|:----:|------------------| |:----:|------------------|
| Summarise | Enable Home summary. | | Summarize | Enable Home summary. |
| Cover | Cover image for social sharing (absolute url). | | Cover | Cover image for social sharing (absolute url). |
| og_locale | Open graph locale for article. | | og_locale | Open graph locale for article. |
By default, all article content is shown on Home. By default, all article content is shown on Home.
If the article has a custom Summary, the custom summary is shown. If the article has a custom Summary, the custom summary is shown.
If the article has `Summarise: True` metadata, the default article summary is shown. If the article has `Summarize: True` metadata, the default article summary is shown.
## Code Highlight ## Code Highlight

35
static/css/style.less
View file

@ -36,15 +36,15 @@ h3 {
} }
h4 { h4 {
font-size: 1.2em font-size: 1.36em
} }
h5 { h5 {
font-size: 0.9em font-size: 1.2em
} }
h6 { h6 {
font-size: 0.8em font-size: 1.1em
} }
body { body {
@ -92,7 +92,7 @@ aside {
color: @light-grey; color: @light-grey;
} }
.profile { div {
padding: 18px; padding: 18px;
margin: 0; margin: 0;
@ -107,7 +107,7 @@ aside {
p { p {
margin: 0 0 15px 0; margin: 0 0 15px 0;
font-size: .85em; font-size: .92em;
} }
} }
@ -117,7 +117,7 @@ aside {
padding: 0 8px 0 8px; padding: 0 8px 0 8px;
display: inline; display: inline;
line-height: 1.6em; line-height: 1.6em;
font-size: 1.2em; font-size: 1.28em;
text-transform: lowercase; text-transform: lowercase;
} }
} }
@ -128,7 +128,7 @@ main {
nav { nav {
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
font-size: .7em; font-size: .72em;
padding: 14px 0 14px 0; padding: 14px 0 14px 0;
border-bottom: @light-grey 1px solid; border-bottom: @light-grey 1px solid;
@ -146,17 +146,23 @@ main {
margin: 4% 8% 2% 8%; margin: 4% 8% 2% 8%;
} }
.social-share {
p {
font-size: .8em;
}
}
article { article {
margin: 0 8% 2% 8%; margin: 0 8% 2% 8%;
header { header {
h2 { h1, h2 {
margin-bottom: 0; margin-bottom: 0;
} }
p { p {
color: @med-grey; color: @med-grey;
font-size: 11px; font-size: 0.82em;
} }
} }
@ -184,6 +190,10 @@ main {
font-size: .9em; font-size: .9em;
} }
samp {
white-space: pre;
}
kbd { kbd {
padding: .1em .6em; padding: .1em .6em;
border: 1px solid rgba(63,63,63,0.25); border: 1px solid rgba(63,63,63,0.25);
@ -198,8 +208,7 @@ main {
} }
code { code {
font-size: .72rem; font-size: .8em;
line-height: .72rem;
white-space: normal; white-space: normal;
color: #c25; color: #c25;
padding: 1px 3px; padding: 1px 3px;
@ -309,6 +318,10 @@ a.btn:hover {
background-color: @light-orange; background-color: @light-orange;
} }
.center {
text-align: center;
}
.float-right { .float-right {
float: right; float: right;
} }

12
templates/article.html
View file

@ -12,12 +12,9 @@
{% block content %} {% block content %}
<article> <article>
<header> <header>
<h2 id="{{ article.slug }}">{{ article.title }}</h2> <h1 id="{{ article.slug }}">{{ article.title }}</h1>
<p>Posted on {{ article.locale_date }} in <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a></p> <p>Posted on {{ article.locale_date }} in <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a></p>
</header> </header>
{% if ADD_THIS_ID %}
<div class="addthis_sharing_toolbox"></div>
{% endif %}
<div> <div>
{{ article.content }} {{ article.content }}
</div> </div>
@ -30,6 +27,13 @@
{% endif %} {% endif %}
</p> </p>
</div> </div>
{% if ADD_THIS_ID %}
<div class="center social-share">
<p>Like this article? Share it with your friends!</p>
<div class="addthis_native_toolbox"></div>
<div class="addthis_sharing_toolbox"></div>
</div>
{% endif %}
{% include "partial/disqus.html" %} {% include "partial/disqus.html" %}
</article> </article>
{% endblock %} {% endblock %}

2
templates/base.html
View file

@ -34,7 +34,7 @@
<body> <body>
{% include "partial/gtm.html" %} {% include "partial/gtm.html" %}
<aside> <aside>
<div class="profile"> <div>
<a href="{{ SITEURL }}"> <a href="{{ SITEURL }}">
{% if SITELOGO %} {% if SITELOGO %}
<img src="{{ SITELOGO }}" alt="{{ SITETITLE }}" title="{{ SITETITLE }}"> <img src="{{ SITELOGO }}" alt="{{ SITETITLE }}" title="{{ SITETITLE }}">

2
templates/index.html
View file

@ -18,7 +18,7 @@
</p> </p>
</header> </header>
<div> <div>
{% if summarise or article.metadata['summary'] or article.metadata['summarise'] %} {% if summarise or article.metadata['summary'] or article.metadata['summarize'] %}
{{ article.summary }} {{ article.summary }}
<a class="btn" href="{{ SITEURL }}/{{ article.url }}#{{ article.slug }}">Continue reading</a> <a class="btn" href="{{ SITEURL }}/{{ article.url }}#{{ article.slug }}">Continue reading</a>
{% else %} {% else %}