Bulma: Introduce a new helper class for text overflow

[iamazik]

Overview of the problem

This is about the Bulma CSS framework
I'm using Bulma version 0.5.1
My browser is: Chrome
I am sure this issue is not a duplicate

Description

While working with Bulma today, I had to use to text-overflow CSS property to ensure the sentence remains in one line and don't push other elements. However, I couldn't find a helper class that would help me to do this. So, I thought why not to submit a feature request for a new helper class is-text-overflow.

Example

.is-text-overflow {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

More information can be found here.

[jgthms]

This requires the parent to have display: flex or the element to have display: block.

[ghost]

@jgthms How to make overflow: hidden and ellipsis , only if its mobile and not desktop?

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[ijsucceed]

I also tried to do this same thing with Bulma by adding a helper class. It worked!

A beauty about designing with Bulma CSS is the simple programmatic class naming. It made the design like a logic.