Prefixes.scssCSS 前綴處理工具

Prefixes.scss 是一個(gè) Sass/Scss 的 CSS(3) 前綴處理Mixins library，免安裝，直接import，可自定義需要的前綴。

示例：

Scss：

@import "prefixes";

.example {
    @include clearfix();
    @include border-radius(4px);
    @include box-shadow(0 1px 5px rgba(0, 0, 0, .5));
}

Sass：

@import "prefixes"

.example
    @include clearfix()
    @include border-radius(4px)
    @include box-shadow(0 1px 5px rgba(0, 0, 0, .5))

CSS：

.example {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); 
}

.example:before, .example:after {
    content: " ";
    display: table; 
}

.example:after {
    clear: both; 
}