5
0
mirror of https://git.coop/cotech/website.git synced 2024-11-21 22:33:05 +00:00

vertical align co-op images on technology pages

This commit is contained in:
Chris Croome 2019-07-05 13:36:13 +01:00
parent 540911839d
commit ac96faf6ba
3 changed files with 5 additions and 4 deletions

View File

@ -42,8 +42,8 @@
{% for coop in site.coops %}
{% if coop.services contains page.slug %}
<div class="column">
<a href="{{ coop.url | relative_url }}" class="coop-thumb">
<img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}" id="#{{ coop.slug }}">
<a href="{{ coop.url | relative_url }}" class="coop-thumb" id="#{{ coop.slug }}">
<img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
</a>
</div>
{% endif %}

View File

@ -42,7 +42,7 @@
{% for coop in site.coops %}
{% if coop.technologies contains page.slug %}
<div class="column">
<a href="{{ coop.url | relative_url }}" class="coop-thumb">
<a href="{{ coop.url | relative_url }}" class="coop-thumb" id="#{{ coop.slug }}">
<img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
</a>
</div>

View File

@ -6683,7 +6683,8 @@ a:focus {
.coop-thumb img {
max-height: 100%; }
/* Vertical align coop logos on services pages */
/* Vertical align coop logos on technology and services pages */
.technology #grid .coop-thumb,
.service #grid .coop-thumb {
display: flex;
justify-content: center;