Lots of style fixes - the kind-specific feeds and the permalink pages now look great

This commit is contained in:
Danielle McLean 2017-10-25 12:46:04 +11:00
parent 2b6691f8a5
commit 172f0d4753
Signed by: 00dani
GPG key ID: 5A5D2D1AFF12EEC5
7 changed files with 47 additions and 15 deletions

View file

@ -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

View file

@ -1,4 +1,12 @@
{% extends 'lemoncurry/layout.html' %}
{% block main %}
{% include 'entries/h-entry.html' %}
{% load static %}
{% block styles %}
<link rel="stylesheet" type="text/stylus" href="{% static 'entries/css/h-entry.styl' %}" />
{% endblock %}
{% block main %}
<div class="container">
{% include 'entries/h-entry.html' %}
</div>
{% endblock %}

View file

@ -1,7 +1,11 @@
{% extends 'lemoncurry/layout.html' %}
{% load static %}
{% block html_class %}h-feed{% endblock %}
{% block styles %}
<link rel="stylesheet" type="text/stylus" href="{% static 'entries/css/h-entry.styl' %}" />
{% endblock %}
{% block main %}
<ol class="list-unstyled">
<ol class="container list-unstyled">
{% for entry in entries %}
<li>
{% include 'entries/h-entry.html' %}

View file

@ -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

View file

@ -1,4 +1,8 @@
{% extends 'lemoncurry/layout.html' %}
{% load static %}
{% block styles %}
<link rel="stylesheet" type="text/stylus" href="{% static 'home/css/index.styl' %}" />
{% endblock %}
{% block main %}
<aside class="author">
<article class="h-card card p-author">

View file

@ -1,7 +1,5 @@
from .base import *
ALLOWED_HOSTS = ['*']
STATIC_URL = 'https://static.00dani.dev/'
MEDIA_URL = STATIC_URL + 'media/'
META_SITE_DOMAIN = '00dani.dev'
META_FB_APPID = '142105433189339'

View file

@ -1,10 +1,5 @@
@import 'base16-material-darker'
$sm = 576px
$md = 768px
$lg = 992px
$xl = 1200px
html
background-color $base01
@ -46,11 +41,6 @@ body
margin 2rem
flex 1
display flex
flex-direction column
align-items center
@media (min-width $md)
flex-direction row-reverse
align-items unset
> footer
display flex