SCSS

If you are using CSS instead of SCSS, you may need to take the children out of the parent!

Turn Parent { Child { style } } into Parent Child { style }.

textOverflow

textOverflow.scss

.textOverflowParent {
    position: relative;
    .textOverflow {
        margin: 0;
        max-width: 60%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

JavaScript CSS