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.
89 lines
1.9 KiB
89 lines
1.9 KiB
$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;
|
|
} |