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.
55 lines
1.0 KiB
55 lines
1.0 KiB
// Add a highlight for debugging
|
|
@mixin highlight($color) {
|
|
outline: 1px solid $color;
|
|
background: rgba($color, .05);
|
|
box-shadow: 0 0 2px 2px rgba($color, .2), inset 0 0 2px 2px rgba($color, .2);
|
|
}
|
|
|
|
// Ellipsis, but for block elements
|
|
@mixin block-ellipsis($width: 100%) {
|
|
display: block;
|
|
max-width: $width;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
}
|
|
|
|
// No margins, padding, borders
|
|
@mixin naked() {
|
|
border: 0 none;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
}
|
|
|
|
@mixin translate($x, $y) {
|
|
@include transform(translate($x, $y));
|
|
}
|
|
|
|
// Disallow wrapping
|
|
@mixin nowrap() {
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
}
|
|
|
|
@mixin click-through() {
|
|
pointer-events: none;
|
|
}
|
|
|
|
// Disallow text selection
|
|
@mixin noselect() {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
// Allow text selection
|
|
@mixin can-select() {
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
-ms-user-select: text;
|
|
user-select: text;
|
|
cursor: text;
|
|
}
|
|
|