// no line break in texts, when to long for box show "..."
@mixin noWrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@mixin no_wrap {        @include noWrap; }
@mixin no-wrap {        @include noWrap; }
@mixin no_word_break {  @include noWrap; }
@mixin no-word-break {  @include noWrap; }



// user formated text .. like pre tag
@mixin preText {
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}

@mixin pre_text {  @include preText; }
@mixin pre-text {  @include preText; }
@mixin user_input {  @include preText; }
@mixin user-input {  @include preText; }



// make icons and fonts thinner in webkit (white icons on dark background)
@mixin antialiasedText {
	text-shadow: 0 0 0 rgba(0,0,0,.01);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

@mixin antialiased_text {  @include antialiasedText; }
@mixin antialiased-text {  @include antialiasedText; }



// make it smooth and app-like on mobile (best in body!)
@mixin mobileAppImprovements {
    -webkit-font-smoothing: antialiased;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    ::-webkit-scrollbar { display: none; }
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

@mixin mobile_app_improvements {  @include mobileAppImprovements; }
@mixin mobile-app-improvements {  @include mobileAppImprovements; }



// add rules for all text elements
@mixin textTags {
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, span, a {
		@content;
	}
}

@mixin text_tags { @include textTags { @content; } }
@mixin text-tags { @include textTags { @content; } }