// NGN Chassis
// Miscellaneous Mixins

// @mixin hide
// Hide Element
@mixin hide {
  display: none;
	visibility: hidden;
	opacity: 0;
}

// @mixin show
// unset hide mixin.
// @param $box-model
// set box model to display
// defaults to block
@mixin show($box-model: block) {
	display: $box-model;
	visibility: visible;
	opacity: 1;
}

// @mixin disable-text-selection
// Disable text selection on element
@mixin disable-text-selection {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

%disable-text-selection {
	@include disable-text-selection;
}

// @mixin disable-pointer-events
// Disable Pointer Events
@mixin disable-pointer-events {
	pointer-events: none;
}

%disable-pointer-events {
	@include disable-pointer-events;
}

// @mixin ellipsis
// Ellipsis
@mixin ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

%ellipsis {
  @include ellipsis;
}