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.
35 lines
674 B
35 lines
674 B
7 years ago
|
// 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;
|
||
|
|
}
|