user-select mixin with docs and tests

This commit is contained in:
Eric Meyer 2011-08-08 23:04:24 -04:00
parent cdf11d7002
commit d0067d7122
3 changed files with 34 additions and 0 deletions

View File

@ -0,0 +1,24 @@
@import "shared";
// User Interface ------------------------------------------------------------
// This file can be expanded to handle all the user interface properties as
// they become available in browsers:
// http://www.w3.org/TR/2000/WD-css3-userint-20000216
// User Select ---------------------------------------------------------------
// This property controls the selection model and granularity of an element.
//
// @param $select
// [ none | text | toggle | element | elements | all | inherit ]
@mixin user-select($select) {
$select: unquote($select);
// Mozilla needs prefix on both the -moz-property and the -moz-value
@include experimental(user-select, -moz-#{$select},
-moz, not -webkit, not -o, not -ms, not -khtml, not official
);
// others do not
@include experimental(user-select, $select,
not -moz, -webkit, not -o, not -ms, -khtml, official
);
}

View File

@ -0,0 +1,5 @@
.user-select {
-moz-user-select: -moz-none;
-webkit-user-select: none;
-khtml-user-select: none;
user-select: none; }

View File

@ -0,0 +1,5 @@
@import "compass/css3/user-interface";
.user-select {
@include user-select(none);
}