@mixin font-smoothing {
    -webkit-font-smoothing: antialiased;
}

@mixin text-overflow-ellipsis() {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@mixin link-hover-underline() {
    text-decoration: none;

    &:hover {
        text-decoration: underline;
    }
}