nixaalborg/lightspeed
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Refactor CSS

Browse source
This commit is contained in:
carpetscheme 2020-09-13 15:55:17 +02:00
parent 0b4eecbd33
commit 4046c7ac0a
4 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -5,7 +5,7 @@ An insanely fast and performance-based Zola theme, ported from [Light Speed Jeky
Some fun facts about the theme: Some fun facts about the theme:
* Perfect score on Google's Lighthouse audit * Perfect score on Google's Lighthouse audit
* Only ~600 bytes of CSS * Only ~700 bytes of CSS
* No JavaScript * No JavaScript
* Now with SEO! * Now with SEO!

15
sass/style.scss
View file

@ -3,8 +3,8 @@ body {
background: #fffaf7; background: #fffaf7;
color: #2d2d2d; color: #2d2d2d;
font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Helvetica, Arial, sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Emoji", "Segoe UI Symbol"; "Segoe UI Symbol";
} }
a, a,
a:visited { a:visited {
@ -32,6 +32,17 @@ img {
height: auto; height: auto;
max-width: 100%; max-width: 100%;
} }
.homepage-list {
list-style: none;
padding: 1rem 0;
}
.homepage-list li {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 10px;
}
@media (max-width: 38rem) { @media (max-width: 38rem) {
.homepage-list li a { .homepage-list li a {
width: 100%; width: 100%;

2
templates/index.html
View file

@ -62,7 +62,7 @@
{% endblock header %} {% endblock header %}
{% block content %} {% block content %}
<ul class="homepage-list" style="list-style:none;padding:1rem 0;"> <ul class="homepage-list">
{% for post in section.pages %} {% for post in section.pages %}
{{ macros::post_in_list(post=post) }} {{ macros::post_in_list(post=post) }}
{% endfor %} {% endfor %}

2
templates/macros.html
View file

@ -1,5 +1,5 @@
{% macro post_in_list(post) %} {% macro post_in_list(post) %}
<li style="align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;"> <li>
<a href="{{ post.permalink | safe }}">{{ post.title }}</a> <a href="{{ post.permalink | safe }}">{{ post.title }}</a>
<time style="font-size:90%;" datetime="{{ post.date | date(format="%+") }}">{{ post.date | date(format="%B %d, %Y") }}</time> <time style="font-size:90%;" datetime="{{ post.date | date(format="%+") }}">{{ post.date | date(format="%B %d, %Y") }}</time>
</li> </li>