diff options
| author | Volpeon <git@volpeon.ink> | 2021-11-19 20:39:55 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-11-19 20:39:55 +0100 |
| commit | 670696ff6e7c91d6d92951d2da47d7d4c85ee1d3 (patch) | |
| tree | dd018124053c3b29be66e7300b928b966459578b /assets/css/components | |
| parent | Added print style (diff) | |
| download | volpeon.ink-670696ff6e7c91d6d92951d2da47d7d4c85ee1d3.tar.gz volpeon.ink-670696ff6e7c91d6d92951d2da47d7d4c85ee1d3.tar.bz2 volpeon.ink-670696ff6e7c91d6d92951d2da47d7d4c85ee1d3.zip | |
Added text ellipsis to cards, added macro to use icons in content
Diffstat (limited to 'assets/css/components')
| -rw-r--r-- | assets/css/components/_card.scss | 6 |
1 files changed, 4 insertions, 2 deletions
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 @@ | |||
| 92 | } | 92 | } |
| 93 | 93 | ||
| 94 | @include element('block') { | 94 | @include element('block') { |
| 95 | flex: 0 0 auto; | 95 | flex: 0 0 auto; |
| 96 | padding: prop(--dims --pad-y) calc(.5 * #{prop(--dims --pad-x)}); | 96 | padding: prop(--dims --pad-y) calc(.5 * #{prop(--dims --pad-x)}); |
| 97 | overflow: hidden; | ||
| 98 | text-overflow: ellipsis; | ||
| 97 | 99 | ||
| 98 | @include modifier('main') { | 100 | @include modifier('main') { |
| 99 | flex-shrink: 1; | 101 | flex-shrink: 1; |