Create blocks

This commit is contained in:
vimux 2018-02-11 09:55:56 +03:00
parent f11911d663
commit 06db5f412f
3 changed files with 17 additions and 2 deletions

View file

@ -1,6 +1,6 @@
{{ partial "header.html" . }} {{ partial "header.html" . }}
<div class="main"> <div class="main">
<div class="single"> <div class="single block">
<article class="post"> <article class="post">
<h1 class="post__title">{{ .Title }}</h1> <h1 class="post__title">{{ .Title }}</h1>
<div class="post__content">{{ .Content }}</div> <div class="post__content">{{ .Content }}</div>

View file

@ -1,4 +1,4 @@
<article class="post"> <article class="post block">
<h1 class="post__title"><a class="post__title-link" href="{{ .RelPermalink }}">{{ .Title }}</a></h1> <h1 class="post__title"><a class="post__title-link" href="{{ .RelPermalink }}">{{ .Title }}</a></h1>
<div class="post__content">{{- .Summary }}</div> <div class="post__content">{{- .Summary }}</div>
</article> </article>

View file

@ -339,11 +339,26 @@ summary {
border-width: 0 0 1px; border-width: 0 0 1px;
} }
.block {
padding: 14px;
margin: 3px 0;
color: #eee;
background-color: #2a2a2a;
border-color: #333;
border-style: solid;
border-width: 1px 0;
}
@media screen and (min-width: 480px) { @media screen and (min-width: 480px) {
.header { .header {
margin: 0 5px 5px; margin: 0 5px 5px;
border-width: 0 1px 1px; border-width: 0 1px 1px;
} }
.block {
margin: 5px;
border-width: 1px;
}
} }
.logo { .logo {