Prefixes.scss CSS 前缀处理工具开源项目

我要开发同款
匿名用户2015年03月10日
97阅读
开发技术HTML/CSS
所属分类网页开发工具、Web应用开发
授权协议MIT

作品详情

Prefixes.scss是一个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; }
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论