-
Notifications
You must be signed in to change notification settings - Fork 1
/
_tools.scss
63 lines (55 loc) · 1.5 KB
/
_tools.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
/**
* little helpers
* @author Markus J Doetsch http://mdular.com
*/
/*
* override compass built-in clearfix with additional compatibility mode
* in case overflow:hidden is not an acceptable solution
*/
@mixin clearfix($compatibility-mode: false) {
@if $compatibility-mode == false {
overflow: hidden;
} @else {
//IE6+, ff, webkit, opera
zoom: 1;
&:after {
content: "";
display: table;
clear: both;
}
&:before {
content: "";
display: table;
}
}
}
/*
* crossbrowser transparent background, progressive
*/
@mixin alpha-background($color, $alpha){
$acolor: transparentize($color, 1 - $alpha);
// fallback -> currently not needed since IE8+ falls back to filters and we don't support lower browsers
background: $color;
// progressive
background: $acolor;
// ie 6, 7 // buggy -> fix if required
//filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#{ie-hex-str($acolor)}, endColorstr=##{ie-hex-str($acolor)});
// ie 8
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#{ie-hex-str($acolor)}, endColorstr=#{ie-hex-str($acolor)})";
}
/*
* gradient background
*/
@mixin background-gradient($start, $end, $direction: top){
background-color: $end;
background-image: -ms-linear-gradient($direction, $start, $end);
@include background(linear-gradient($direction, $start, $end));
}
/*
* overflow text
*/
@mixin overflow-text($type: ellipsis){
text-overflow: $type;
white-space: nowrap;
overflow: hidden;
}