xaymar/com.xaymar.www
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Further improve columns

Browse Source
This commit is contained in:
Michael Fabian 'Xaymar' Dirks
2021-12-25 11:21:04 +01:00
parent b47470a4bb
commit 2a6849c5d3
3 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_includes/blocks/columns.liquid
+4 -1
View File
@@ -1,5 +1,8 @@
{% capture content %} {% capture content %}
<div class="content {% if include.valign %}valign-{{include.valign}}{% else %}valign-stretch{% endif %} {% if include.halign %}halign-{{include.halign}}{% else %}halign-stretch{% endif %}" style="grid-template-columns: repeat({{ include.columns | default: 1 }}, 1fr);"> <div class="content
{% if include.valign %}valign-{{include.valign}}{% else %}valign-stretch{% endif %}
{% if include.halign %}halign-{{include.halign}}{% else %}halign-stretch{% endif %}"
style="{% if include.columns %}grid-template-columns: repeat({{ include.columns | default: 1 }}, 1fr);{% endif %}">
{{ include.content }} {{ include.content }}
</div> </div>
{% endcapture %} {% endcapture %}
_posts/2021/2021-08-19-av1-still-the-current-future-of-video.html
+1 -1
View File
@@ -320,5 +320,5 @@ videos:
{% endfor %} {% endfor %}
{% endcapture %}{% include blocks/column.liquid content=column %} {% endcapture %}{% include blocks/column.liquid content=column %}
{% endfor %} {% endfor %}
{% endcapture %}{% include blocks/columns.liquid content=columns columns=column_count %} {% endcapture %}{% include blocks/columns.liquid content=columns %}
{% endfor %} {% endfor %}
_sass/_block-columns.scss
+1 -1
View File
@@ -5,7 +5,7 @@
} }
.block-columns > .content { .block-columns > .content {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(calc(#{$theme-width} / 2 - 5rem), 1fr)); grid-template-columns: repeat(auto-fit, minmax(calc(#{$theme-width} / 3 - 5rem), 1fr));
grid-column-gap: 1rem; grid-column-gap: 1rem;
grid-row-gap: 1rem; grid-row-gap: 1rem;
} }