Create blocks
This commit is contained in:
parent
f11911d663
commit
06db5f412f
3 changed files with 17 additions and 2 deletions
|
@ -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>
|
||||||
|
|
|
@ -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>
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue