diff options
Diffstat (limited to 'Echo/modules/mixins.less')
| -rw-r--r-- | Echo/modules/mixins.less | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/Echo/modules/mixins.less b/Echo/modules/mixins.less new file mode 100644 index 00000000..a993b320 --- /dev/null +++ b/Echo/modules/mixins.less @@ -0,0 +1,20 @@ +// Begin Mixins + +// FIXME: Use a core mixin. +// truncated-text +// +// Add the truncated-text mixin to any element where long text is +// expected, and truncating improves the UX. +// Can be used with .truncated-text(true) to undo text truncation. +// +// Use in Flow, Echo and MobileFrontend extensions. +.truncated-text(@undo: false) when not (@undo) { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.truncated-text(@undo: false) when (@undo) { + white-space: inherit; + overflow: inherit; + text-overflow: inherit; +} |