Zobrazení seznamu pracovníků do dvou sloupců

remotes/1726908188925722499/search
Emil Miler 4 years ago
parent 9266e75a69
commit d24c9d1d50

@ -120,10 +120,8 @@ main {
margin: 0 auto; margin: 0 auto;
padding: 1rem; padding: 1rem;
&.index { &.fullwidth, &.index { max-width: 1200px }
max-width: 1200px; &.index h1 { margin: 2em 0 1em 0 }
h1 { margin: 2em 0 1em 0 }
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-weight: bold; font-weight: bold;
@ -288,40 +286,50 @@ main {
.people-list { .people-list {
h1 { margin-bottom: 0 } h1 { margin-bottom: -1em }
h2 { h2 {
margin: 3rem 0; margin: 5rem 0 4rem 0;;
font-size: 1.4rem; font-size: 1.4rem;
text-align: center; text-align: center;
color: #4C566A; color: #4C566A;
} }
.group {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 4rem;
column-gap: 2rem;
}
article { article {
display: flex; display: flex;
align-items: center; align-items: flex-start;
height: 8em;
margin-bottom: 3em;
text-align: left; text-align: left;
padding-top: 2em;
border-top: 5px solid #D8DEE9;
img { img {
display: block; width: 8rem;
height: 100%;
margin-right: 2.5em; margin-right: 2.5em;
border-radius: 50%; border-radius: 50%;
} }
.info { .info {
height: 70%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between;
.name a { .name a {
display: block; display: block;
font-weight: bold; font-weight: bold;
font-size: 1.5em; font-size: 1.3em;
margin-bottom: .3em; margin-bottom: .3em;
} }
.other {
flex-direction: column;
margin-top: 1em;
div { margin-bottom: .5em }
}
} }
} }
} }

@ -107,6 +107,7 @@
{% endmacro %} {% endmacro %}
{% macro list_people(group) %} {% macro list_people(group) %}
<div class="group">
{% for page in section.pages %} {% for page in section.pages %}
{% if page.extra.group and page.extra.group == group %} {% if page.extra.group and page.extra.group == group %}
<article> <article>
@ -125,6 +126,7 @@
</article> </article>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div>
{% endmacro %} {% endmacro %}
{% macro print_profile() %} {% macro print_profile() %}

@ -5,7 +5,7 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<main> <main class="fullwidth">
<section class="centering people-list"> <section class="centering people-list">
<h1>{{ section.title }}</h1> <h1>{{ section.title }}</h1>
{{ section.content | safe }} {{ section.content | safe }}

Loading…
Cancel
Save