responsive tweaks for tag and archive page templates

This commit is contained in:
Are0h 2020-09-03 12:28:34 -07:00
parent 006dcf8be3
commit 762fcbfbad
2 changed files with 14 additions and 3 deletions

View file

@ -6,6 +6,7 @@ block main-content
span= title span= title
article article
.page .page
br
- var index = 0; - var index = 0;
- for ( index; index < tag_list.length; index++) - for ( index; index < tag_list.length; index++)
a(href='/'+tag_list[index].path+'/'+tag_list[index].slug) !{tag_list[index].title} a(href='/'+tag_list[index].path+'/'+tag_list[index].slug) !{tag_list[index].title}

View file

@ -116,6 +116,7 @@ header
display inline-block display inline-block
vertical-align top vertical-align top
width 30% width 30%
padding 5px
span.month span.month
color $secondary color $secondary
font-size 1.5em font-size 1.5em
@ -170,14 +171,20 @@ header
@media only screen and (max-width: 640px) @media only screen and (max-width: 640px)
header header
.menu nav
width 98% width 98%
span span
font-size 2.5em font-size 2.5em
.container
article
.index, .page
.archive-item
.archive-month
width 45%
@media only screen and (max-width: 480px) @media only screen and (max-width: 480px)
header header
.menu nav
width 96% width 96%
.container .container
article article
@ -193,7 +200,7 @@ header
@media only screen and (max-width: 375px) @media only screen and (max-width: 375px)
header header
.menu nav
width 95% width 95%
.container .container
article article
@ -201,3 +208,6 @@ header
margin 0 margin 0
p p
font 300 0.9em/1.7em $bodyTypeSans font 300 0.9em/1.7em $bodyTypeSans
.archive-item
.archive-month
width 95%