mafoo.org.uk/selfdefined
1
0
Fork 0
mirror of https://github.com/fooflington/selfdefined.git synced 2025-10-31 06:08:33 +00:00
Code Issues Projects Releases Wiki Activity

fix(table of content): avoid breaks inside of list items

Browse Source
This commit is contained in:
Oscar
2020-01-15 16:13:23 +01:00
parent fdeeadc074
commit a0c65ee102
4 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
11ty/_includes/components/table-of-content-item.njk
View File

@@ -1,4 +1,4 @@
<li> <li class="toc__list-item">
{{ definition.data.title | linkIfExistsInCollection(collections.definedWords) | safe }} {{ definition.data.title | linkIfExistsInCollection(collections.definedWords) | safe }}
{%- if {%- if
definition.data.flag and definition.data.flag and

2
11ty/_includes/components/table-of-content.njk
View File

@@ -4,7 +4,7 @@
{% for section in collections.tableOfContent %} {% for section in collections.tableOfContent %}
<li> <li>
<span class="sub-headline">{{ section.title }}</span> <span class="sub-headline">{{ section.title }}</span>
<ol> <ol class="toc__list">
{% for definition in section.definitions %} {% for definition in section.definitions %}
{% include 'components/table-of-content-item.njk' %} {% include 'components/table-of-content-item.njk' %}
{% endfor %} {% endfor %}

1
assets/css/base.scss
View File

@@ -181,6 +181,7 @@ th {
column-gap: var(--l-gap); column-gap: var(--l-gap);
column-width: var(--auto-grid-min-size); column-width: var(--auto-grid-min-size);
} }
@import './structures/table-of-content';
.small-left-grid { .small-left-grid {
display: grid; display: grid;

3
assets/css/structures/_table-of-content.scss Normal file
View File

@@ -0,0 +1,3 @@
.toc__list-item {
page-break-inside: avoid;
}