From 172f0d4753c70a2abcefa547cb472b94e6ac2645 Mon Sep 17 00:00:00 2001 From: Danielle McLean Date: Wed, 25 Oct 2017 12:46:04 +1100 Subject: [PATCH] Lots of style fixes - the kind-specific feeds and the permalink pages now look great --- entries/static/entries/css/h-entry.styl | 17 +++++++++++++++++ entries/templates/entries/entry.html | 12 ++++++++++-- entries/templates/entries/index.html | 6 +++++- home/static/home/css/index.styl | 11 +++++++++++ home/templates/home/index.html | 4 ++++ lemoncurry/settings/dev.py | 2 -- lemoncurry/static/lemoncurry/css/layout.styl | 10 ---------- 7 files changed, 47 insertions(+), 15 deletions(-) create mode 100644 entries/static/entries/css/h-entry.styl create mode 100644 home/static/home/css/index.styl diff --git a/entries/static/entries/css/h-entry.styl b/entries/static/entries/css/h-entry.styl new file mode 100644 index 0000000..190ac6c --- /dev/null +++ b/entries/static/entries/css/h-entry.styl @@ -0,0 +1,17 @@ +main > .container + display flex + flex-direction column + justify-content center + > li + margin-bottom 1rem + &:last-child + margin-bottom 0 + +.card.h-entry + .card-footer + display flex + justify-content space-evenly + flex-wrap wrap + .h-card > img + height 1em + vertical-align baseline diff --git a/entries/templates/entries/entry.html b/entries/templates/entries/entry.html index 38a094a..a007efd 100644 --- a/entries/templates/entries/entry.html +++ b/entries/templates/entries/entry.html @@ -1,4 +1,12 @@ {% extends 'lemoncurry/layout.html' %} -{% block main %} -{% include 'entries/h-entry.html' %} +{% load static %} + +{% block styles %} + +{% endblock %} + +{% block main %} +
+{% include 'entries/h-entry.html' %} +
{% endblock %} diff --git a/entries/templates/entries/index.html b/entries/templates/entries/index.html index 8ce5c44..c05af0b 100644 --- a/entries/templates/entries/index.html +++ b/entries/templates/entries/index.html @@ -1,7 +1,11 @@ {% extends 'lemoncurry/layout.html' %} +{% load static %} {% block html_class %}h-feed{% endblock %} +{% block styles %} + +{% endblock %} {% block main %} -
    +
      {% for entry in entries %}
    1. {% include 'entries/h-entry.html' %} diff --git a/home/static/home/css/index.styl b/home/static/home/css/index.styl new file mode 100644 index 0000000..37bce22 --- /dev/null +++ b/home/static/home/css/index.styl @@ -0,0 +1,11 @@ +$sm = 576px +$md = 768px +$lg = 992px +$xl = 1200px + +main + flex-direction column + align-items center + @media (min-width $md) + flex-direction row-reverse + align-items unset diff --git a/home/templates/home/index.html b/home/templates/home/index.html index 22caba7..b8672c1 100644 --- a/home/templates/home/index.html +++ b/home/templates/home/index.html @@ -1,4 +1,8 @@ {% extends 'lemoncurry/layout.html' %} +{% load static %} +{% block styles %} + +{% endblock %} {% block main %}