.u-hidden {
    display: none;

    &\@sm-down {
        @media (max-width: $breakpoint-sm) {
            display: none;
        }
    }

    &\@sm-up {
        @media (min-width: $breakpoint-sm + 1) {
            display: none;
        }
    }
}