Lots of style fixes - the kind-specific feeds and the permalink pages now look great
This commit is contained in:
parent
2b6691f8a5
commit
172f0d4753
7 changed files with 47 additions and 15 deletions
17
entries/static/entries/css/h-entry.styl
Normal file
17
entries/static/entries/css/h-entry.styl
Normal 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
|
|
@ -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 %}
|
||||
|
|
|
@ -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' %}
|
||||
|
|
11
home/static/home/css/index.styl
Normal file
11
home/static/home/css/index.styl
Normal 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
|
|
@ -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">
|
||||
|
|
|
@ -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'
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue