Lorenzo Dellacà
a39ed9a787
This is kind of a hacky implementation. We are using a negative margin to remove the left&right padding from the content div and expand the background color. What we should do instead, is move the padding: 0 60px 20px; (and following media queries) from "mind-post_central-column" to "mind-post_content", and set the mind-post_central-column side padding to zero, if necessary. This way, only the actual post content will be "centered" and with spacing at the sides, while other stuff (post info, comments) can have their own custom padding and spacing. In the case of the info box, it should have zero margin (so be 100% large) with spacing (padding) inside of the box itself.
70 lines
2.9 KiB
Handlebars
Executable File
70 lines
2.9 KiB
Handlebars
Executable File
{{!< default}}
|
|
<div class="mind-post-header unselectable">
|
|
{{#post}}
|
|
|
|
<div>
|
|
<h1>{{title}}</h1>
|
|
<p><a class="mind-post-header_tag" href="{{primary_tag.url}}">{{primary_tag.name}}</a> •
|
|
<time class="post-date" datetime="{{date published_at format='YYYY-MM-DD'}}">{{date published_at format="DD MMMM YYYY"}}</time>
|
|
</p>
|
|
</div>
|
|
{{/post}}
|
|
<i class="mind-global-header_arrow-down mind-global-header_arrow-down-mid"></i>
|
|
</div>
|
|
|
|
<main>
|
|
<div class="mind-content_main">
|
|
<div class="mind-post_main">
|
|
<aside class="mind-post_sidebar unselectable">
|
|
<div class="mind-post_sidebar-content" id="mind-post_sidebar-left">
|
|
<h4>Paragraphs</h4>
|
|
{{!-- This gets automatically filled by the sidebar script! --}}
|
|
</div>
|
|
</aside>
|
|
{{#post}}
|
|
<div class="mind-post_central-column">
|
|
<div class="mind-post_content">
|
|
<div class="mind-post_content-header">
|
|
|
|
{{#if feature_image}}
|
|
<img class="mind-post_feature-image"
|
|
srcset="
|
|
{{img_url feature_image size="s"}} 300w,
|
|
{{img_url feature_image size="m"}} 600w,
|
|
{{img_url feature_image size="l"}} 1200w,
|
|
{{img_url feature_image size="xl"}} 1600w,
|
|
{{img_url feature_image size="xxl"}} 2000w"
|
|
src="{{img_url feature_image size="l"}}"
|
|
alt="{{title}}"/>
|
|
{{/if}}
|
|
</div>
|
|
{{content}}
|
|
</div>
|
|
|
|
<div class="mind-post_info">
|
|
Last update: <time class="post-date" datetime="{{date updated_at format='YYYY-MM-DD'}}">{{date updated_at format="DD MMMM YYYY"}}</time>
|
|
<br />
|
|
Author: {{primary_author.name}}
|
|
|
|
{{#if tags}}
|
|
<br />
|
|
Tags:
|
|
{{#foreach tags}}
|
|
<b><a href="{{url}}" title="{{name}}" class="tag tag-{{id}} {{slug}}">{{name}}</a></b>{{#unless @last}}, {{/unless}}
|
|
{{/foreach}}
|
|
{{/if}}
|
|
</div>
|
|
|
|
<h3>Comments</h3>
|
|
<div id="remark42"></div>
|
|
</div>
|
|
{{/post}}
|
|
<aside class="mind-post_sidebar unselectable">
|
|
<div class="mind-post_sidebar-content">
|
|
{{> "post-card-small"}}
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</main>
|