From 670696ff6e7c91d6d92951d2da47d7d4c85ee1d3 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 19 Nov 2021 20:39:55 +0100 Subject: Added text ellipsis to cards, added macro to use icons in content --- assets/css/_utils.scss | 5 +++++ assets/css/components/_card.scss | 6 ++++-- assets/css/objects/_icon.scss | 5 +++++ 3 files changed, 14 insertions(+), 2 deletions(-) (limited to 'assets') diff --git a/assets/css/_utils.scss b/assets/css/_utils.scss index 86a18cf..14d32a1 100644 --- a/assets/css/_utils.scss +++ b/assets/css/_utils.scss @@ -59,3 +59,8 @@ @include utility('fs0') { flex-shrink: 0; } + +@include utility('elp') { + overflow: hidden; + text-overflow: ellipsis; +} diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss index 9a2455b..2e36d3e 100644 --- a/assets/css/components/_card.scss +++ b/assets/css/components/_card.scss @@ -92,8 +92,10 @@ } @include element('block') { - flex: 0 0 auto; - padding: prop(--dims --pad-y) calc(.5 * #{prop(--dims --pad-x)}); + flex: 0 0 auto; + padding: prop(--dims --pad-y) calc(.5 * #{prop(--dims --pad-x)}); + overflow: hidden; + text-overflow: ellipsis; @include modifier('main') { flex-shrink: 1; diff --git a/assets/css/objects/_icon.scss b/assets/css/objects/_icon.scss index e708dd5..cbce5cf 100644 --- a/assets/css/objects/_icon.scss +++ b/assets/css/objects/_icon.scss @@ -6,5 +6,10 @@ stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; + + @include modifier('inline') { + display: inline-block; + vertical-align: -.1em; + } } } -- cgit v1.2.3-54-g00ecf