Added text ellipsis to cards, added macro to use icons in content

3 files changed, 14 insertions, 2 deletions

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;
+        }
     }
 }