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

🐛 Fixed red flag splitting across two lines (#79)

Browse Source 
* Fix red flag splitting across two lines

Added white-space: nowrap to .flag_red and added new properties to link within toc to compensate for nowrap.

* Reverting back to original state.

* Revisited line wrap issue.

Co-authored-by: Tatiana Mac <github@tatianamac.com>
This commit is contained in:
Michael Spellacy (Spell)
2020-03-08 15:50:47 -04:00
committed by GitHub
parent e2f6cd68fc
commit 6050307a78
3 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.eleventy.js
View File

@@ -14,7 +14,7 @@ module.exports = function(config) {
)}">${word}</a>`; )}">${word}</a>`;
} }
return word; return `<span>${word}</span>`;
}); });
config.addFilter('linkSubTermIfDefined', (subTermData, collection) => { config.addFilter('linkSubTermIfDefined', (subTermData, collection) => {

3
assets/css/components/_flag.scss
View File

@@ -1,10 +1,11 @@
.flag__red { .flag__red {
background-color: rgb(255, 192, 203); background-color: rgb(255, 192, 203);
border-radius: 1rem; border-radius: 1rem;
display: inline-block;
font-size: 0.9rem; font-size: 0.9rem;
font-weight: bold; font-weight: bold;
margin: 0.25rem 0.75rem;
padding: 0.45rem 0.65rem; padding: 0.45rem 0.65rem;
margin: 0.50rem 0.75rem 0.25rem 0;
text-transform: lowercase; text-transform: lowercase;
&:before { &:before {

5
assets/css/structures/_table-of-content.scss
View File

@@ -1,3 +1,8 @@
.toc__list-item { .toc__list-item {
break-inside: avoid; break-inside: avoid;
> span, > a {
margin-right: 0.75rem;
}
} }