parent
6c28bb3304
commit
359c587e1b
@ -0,0 +1,89 @@
|
||||
$baseFontSize: 100 !default;
|
||||
/**/
|
||||
|
||||
@mixin compatible ($styleName, $value...) {
|
||||
|
||||
#{$styleName}: $value;
|
||||
-webkit-#{$styleName}: $value;
|
||||
-moz-#{$styleName}: $value;
|
||||
-o-#{$styleName}: $value;
|
||||
-ms-#{$styleName}: $value;
|
||||
}
|
||||
@mixin transition($value...) {
|
||||
-webkit-transiton: $value;
|
||||
-moz-transtion: $value;
|
||||
-ms-transtion: $value;
|
||||
transition: $value;
|
||||
}
|
||||
@mixin transition-delay($value...) {
|
||||
transition-delay: $value;
|
||||
-moz-transition-delay: $value; /* Firefox 4 */
|
||||
-webkit-transition-delay: $value; /* Safari 和 Chrome */
|
||||
-o-transition-delay: $value; /* Opera */
|
||||
}
|
||||
|
||||
@mixin transform($value...) {
|
||||
transform: $value;
|
||||
-webkit-transform: $value;
|
||||
-moz-transform: $value;
|
||||
-o-transform: $value;
|
||||
-ms-transform: $value;
|
||||
}
|
||||
|
||||
@mixin animation($value...) {
|
||||
-webkit-animation: $value;
|
||||
-moz-animation: $value;
|
||||
-ms-animation: $value;
|
||||
animation: $value;
|
||||
}
|
||||
@mixin keyframes($animationName) {
|
||||
@-webkit-keyframes #{$animationName} {
|
||||
@content;
|
||||
}
|
||||
@-moz-keyframes #{$animationName} {
|
||||
@content;
|
||||
}
|
||||
@-o-keyframes #{$animationName} {
|
||||
@content;
|
||||
}
|
||||
@keyframes #{$animationName} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin filter($value...) {
|
||||
-webkit-filter: $value;
|
||||
-moz-filter: $value;
|
||||
-ms-filter: $value;
|
||||
filter: $value;
|
||||
}
|
||||
|
||||
@mixin linear-gradient($value...) {
|
||||
background: -webkit-linear-gradient($value); /* Safari 5.1 - 6.0 */
|
||||
background: -o-linear-gradient($value); /* Opera 11.1 - 12.0 */
|
||||
background: -moz-linear-gradient($value); /* Firefox 3.6 - 15 */
|
||||
background: linear-gradient(t$value); /* 标准的语法 */
|
||||
}
|
||||
|
||||
@mixin boxShow($value...) {
|
||||
-webkit-box-shadow: $value;
|
||||
-moz-box-shadow: $value;
|
||||
-ms-box-shadow: $value;
|
||||
box-shadow: $value;
|
||||
}
|
||||
|
||||
@function torem($value) {
|
||||
@return ($value / $baseFontSize * 1rem);
|
||||
}
|
||||
|
||||
%overflow-scrolling {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow-scrolling: touch;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
%els {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
Loading…
Reference in new issue