Image alignment

This commit is contained in:
Oleg Lavrovsky 2017-05-04 00:23:51 +02:00
parent 6fdae0efd8
commit 7b20f476b7
2 changed files with 15 additions and 6 deletions

View file

@ -40,9 +40,9 @@
</header> </header>
{{ block.value.summary|richtext }} {{ block.value.summary|richtext }}
{% if block.value.action %} {% if block.value.action %}
<footer> <footer>
<a href="{{ block.value.url }}" class="btn btn-default">{{ block.value.action }}</a> <a href="{{ block.value.url }}" class="btn btn-default">{{ block.value.action }}</a>
</footer> </footer>
{% endif %} {% endif %}
</article> </article>
{% endif %} {% endif %}

View file

@ -1,7 +1,7 @@
// Article sections // Article sections
section { section {
padding: 3em 0; padding: 3em 0;
&:nth-child(odd) { &:nth-child(odd) {
background-color: $gray-lighter; background-color: $gray-lighter;
} }
@ -21,14 +21,23 @@ section {
h5 { font-size: 22px; } h5 { font-size: 22px; }
line-height: 1.5; line-height: 1.5;
img.full-width {
width: 100%;
}
} }
// Article content blocks // Article content blocks
.article-body > div { .article-body > div {
clear: both; clear: both;
} }
.infoblocks article:nth-child(3n+0) { .infoblocks {
clear: both; .image img {
width: 300px; height: 300px;
}
article:nth-child(3n+1) {
clear: left;
}
} }
// Special article layout // Special article layout