From 6050307a78d93be554e20ed22e74f8108fc09cc9 Mon Sep 17 00:00:00 2001 From: "Michael Spellacy (Spell)" Date: Sun, 8 Mar 2020 15:50:47 -0400 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fixed=20red=20flag=20splitting?= =?UTF-8?q?=20across=20two=20lines=20(#79)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 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 --- .eleventy.js | 2 +- assets/css/components/_flag.scss | 3 ++- assets/css/structures/_table-of-content.scss | 5 +++++ 3 files changed, 8 insertions(+), 2 deletions(-) diff --git a/.eleventy.js b/.eleventy.js index a17857a0..3667dcf9 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -14,7 +14,7 @@ module.exports = function(config) { )}">${word}`; } - return word; + return `${word}`; }); config.addFilter('linkSubTermIfDefined', (subTermData, collection) => { diff --git a/assets/css/components/_flag.scss b/assets/css/components/_flag.scss index 9a5fbacc..bacde479 100644 --- a/assets/css/components/_flag.scss +++ b/assets/css/components/_flag.scss @@ -1,10 +1,11 @@ .flag__red { background-color: rgb(255, 192, 203); border-radius: 1rem; + display: inline-block; font-size: 0.9rem; font-weight: bold; - margin: 0.25rem 0.75rem; padding: 0.45rem 0.65rem; + margin: 0.50rem 0.75rem 0.25rem 0; text-transform: lowercase; &:before { diff --git a/assets/css/structures/_table-of-content.scss b/assets/css/structures/_table-of-content.scss index a459f3e0..1e13ac1a 100644 --- a/assets/css/structures/_table-of-content.scss +++ b/assets/css/structures/_table-of-content.scss @@ -1,3 +1,8 @@ .toc__list-item { break-inside: avoid; + + > span, > a { + margin-right: 0.75rem; + } + }