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.
43 lines
806 B
43 lines
806 B
7 years ago
|
@charset "UTF-8";
|
||
|
|
|
||
|
|
/// Outputs the spec and prefixed versions of the `::selection` pseudo-element.
|
||
|
|
///
|
||
|
|
/// @param {Bool} $current-selector [false]
|
||
|
|
/// If set to `true`, it takes the current element into consideration.
|
||
|
|
///
|
||
|
|
/// @example scss - Usage
|
||
|
|
/// .element {
|
||
|
|
/// @include selection(true) {
|
||
|
|
/// background-color: #ffbb52;
|
||
|
|
/// }
|
||
|
|
/// }
|
||
|
|
///
|
||
|
|
/// @example css - CSS Output
|
||
|
|
/// .element::-moz-selection {
|
||
|
|
/// background-color: #ffbb52;
|
||
|
|
/// }
|
||
|
|
///
|
||
|
|
/// .element::selection {
|
||
|
|
/// background-color: #ffbb52;
|
||
|
|
/// }
|
||
|
|
|
||
|
|
@mixin selection($current-selector: false) {
|
||
|
|
@if $current-selector {
|
||
|
|
&::-moz-selection {
|
||
|
|
@content;
|
||
|
|
}
|
||
|
|
|
||
|
|
&::selection {
|
||
|
|
@content;
|
||
|
|
}
|
||
|
|
} @else {
|
||
|
|
::-moz-selection {
|
||
|
|
@content;
|
||
|
|
}
|
||
|
|
|
||
|
|
::selection {
|
||
|
|
@content;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|