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

View File

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

View File

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

View File

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

View File

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

View File

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