nathos/no-select.scss

Last active April 3, 2020 23:44

Star 12 You must be signed in to star a gist
Fork 2 You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/nathos/4611077.js"></script>
Save nathos/4611077 to your computer and use it in GitHub Desktop.

Download ZIP

Sass (SCSS) mixin to disable user-select on an element

Raw

no-select.scss

	@mixin no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

Author

nathos commented Jan 23, 2013

Just putting this here for my own reference, but this already exists in Compass.

stubar commented Dec 10, 2013

@nathos -webkit-touch-callout: none; doesn't get written by @include user-select(none);

paulovicmichal commented Sep 17, 2016

Great, it works for me! Thanks.

mflisikowski commented Sep 26, 2016

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

-webkit-touch-callout: none;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment