Article lead formatting

This commit is contained in:
Oleg Lavrovsky 2017-05-03 16:18:14 +02:00
parent a4b57fb3ce
commit fa78622eb0
4 changed files with 9 additions and 5 deletions

View file

@ -7,7 +7,7 @@
{% if articles|length is 1 %} {% if articles|length is 1 %}
<section id="news-details"> <section id="news-details" class="article-index-page">
<div class="container"> <div class="container">
{% for page in articles %} {% for page in articles %}
{% include 'home/page_content.html' %} {% include 'home/page_content.html' %}
@ -17,7 +17,7 @@
{% else %} {% else %}
<section id="article-index"> <section id="article-index" class="article-index-page">
<div class="container"> <div class="container">
<h2>{{ page.trans_title }}</h2> <h2>{{ page.trans_title }}</h2>
<p class="lead">{{ page.trans_intro|richtext }}</p> <p class="lead">{{ page.trans_intro|richtext }}</p>

View file

@ -4,7 +4,7 @@
{% block body_class %}template-{{ self.get_verbose_name|slugify }}{% endblock %} {% block body_class %}template-{{ self.get_verbose_name|slugify }}{% endblock %}
{% block content %} {% block content %}
<section id="news-details"> <section id="news-details" class="article-page">
<div class="container"> <div class="container">
{% include 'home/page_content.html' %} {% include 'home/page_content.html' %}

View file

@ -8,7 +8,7 @@
<h1 class="title">{{ page.trans_title }}</h1> <h1 class="title">{{ page.trans_title }}</h1>
<p class="lead">{{ page.trans_intro|richtext }}</p> <div class="lead">{{ page.trans_intro|richtext }}</div>
{% if page.date %} {% if page.date %}
<p class="date">{{ page.date }}</p> <p class="date">{{ page.date }}</p>

View file

@ -26,11 +26,15 @@ section {
.article-body > div { .article-body > div {
clear: both; clear: both;
} }
.infoblocks article:nth-child(3n+0) { .infoblocks article:nth-child(3n+0) {
clear: both; clear: both;
} }
// Special article layout
.article-page .lead {
h2,h3,h4,h5 { text-align: center; }
}
// Responsive image/video classes // Responsive image/video classes
.rich-text img { .rich-text img {
max-width: 100%; max-width: 100%;