New element .post-content

This commit is contained in:
Mimi 2020-08-15 01:18:19 +08:00
parent 19160b8a15
commit dd51522f81
6 changed files with 8 additions and 13 deletions

View File

@ -4,7 +4,7 @@
{% block title %}{{ __('title.archive') }} | {{ title }}{% endblock %}
{% block class %}archive{% endblock %}
{% block class %}archive posts-collapse{% endblock %}
{% block content %}
@ -12,7 +12,7 @@
{### ARCHIVE BLOCK ###}
{#####################}
<div class="post-block">
<div class="posts-collapse">
<div class="post-content">
<div class="collection-title">
{%- set posts_length = site.posts.length %}
{%- if posts_length > 210 %}

View File

@ -4,7 +4,7 @@
{% block title %}{{ __('title.category') }}: {{ page.category }} | {{ title }}{% endblock %}
{% block class %}category{% endblock %}
{% block class %}category posts-collapse{% endblock %}
{% block content %}
@ -12,7 +12,7 @@
{### CATEGORY BLOCK ###}
{######################}
<div class="post-block">
<div class="posts-collapse">
<div class="post-content">
<div class="collection-title">
<h2 class="collection-header">
{{- page.category }}

View File

@ -4,7 +4,7 @@
{% block title %}{{ __('title.tag') }}: {{ page.tag }} | {{ title }}{% endblock %}
{% block class %}tag{% endblock %}
{% block class %}tag posts-collapse{% endblock %}
{% block content %}
@ -12,7 +12,7 @@
{### TAG BLOCK ###}
{#################}
<div class="post-block">
<div class="posts-collapse">
<div class="post-content">
<div class="collection-title">
<h2 class="collection-header">
{{- page.tag }}

View File

@ -1,4 +1,4 @@
.posts-collapse {
.posts-collapse .post-content {
margin-bottom: $posts-collapse-margin;
margin-left: $posts-collapse-margin;
position: relative;

View File

@ -24,11 +24,6 @@
padding: $content-mobile-padding 18px $content-mobile-padding !important;
}
.posts-collapse {
margin-left: 0;
margin-right: 0;
}
.post-body {
// For headers narrow width.
h1, h2, h3, h4, h5, h6 {

View File

@ -222,7 +222,7 @@ $site-subtitle-color = $grey-dark;
// Posts Collpase
// --------------------------------------------------
$posts-collapse-margin = 35px;
$posts-collapse-margin-mobile = 0px;
$posts-collapse-margin-mobile = 0;
// Tag Cloud