$baseFontSize: 100 !default; /**/ @mixin adj ($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; }