https://github.com/sha-red/compass-mixins/tree/master/lib
extended with more sass frameworks and as django app.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.4 KiB
48 lines
1.4 KiB
12 years ago
|
// 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
|
||
|
|
@import "shared";
|
||
|
|
|
||
|
|
|
||
|
|
// 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);
|
||
|
|
@include experimental(user-select, $select,
|
||
|
9 years ago
|
-moz, -webkit, not(-o), -ms, -khtml, official
|
||
|
12 years ago
|
);
|
||
|
|
}
|
||
|
10 years ago
|
|
||
|
|
// Style the html5 input placeholder in browsers that support it.
|
||
|
|
//
|
||
|
|
// The styles for the input placeholder are passed as mixin content
|
||
|
|
// and the selector comes from the mixin's context.
|
||
|
|
//
|
||
|
|
// For example:
|
||
|
|
//
|
||
|
|
// #{elements-of-type(text-input)} {
|
||
|
|
// @include input-placeholder {
|
||
|
|
// color: #bfbfbf;
|
||
|
|
// font-style: italic;
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// if you want to apply the placeholder styles to all elements supporting
|
||
|
|
// the `input-placeholder` pseudo class (beware of performance impacts):
|
||
|
|
//
|
||
|
|
// * {
|
||
|
|
// @include input-placeholder {
|
||
|
|
// color: #bfbfbf;
|
||
|
|
// font-style: italic;
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
@mixin input-placeholder {
|
||
|
|
&:-ms-input-placeholder { @content; }
|
||
|
|
&:-moz-placeholder { @content; }
|
||
|
|
&::-moz-placeholder { @content; }
|
||
|
|
&::-webkit-input-placeholder { @content; }
|
||
|
|
}
|