CSS 前缀处理工具 Prefixes.scss

MIT
HTML/CSS 查看源码»
跨平台
2015-03-10
叛道

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; 
}
的码云指数为
超过 的项目
加载中

评论(1)

叛道
叛道 软件作者
Prefixes.scss 是 Sass/Scss 的 CSS(3) 前缀处理Mixins library,免安装,直接import,可自定义需要的前缀。Editor.md采用的是Prefixes.scss作前缀处理。

暂无资讯

1
回答
SCSS改写同级的CSS

请教一下,一段css怎么改成scss #account_index_list_one, #account_index_list_two, #account...

2015/07/30 10:02
2
回答
SCSS关于层级的写法
frantic1048 的回答 2015/11/26 22:27
最佳答案
普通的嵌套都是用的后代选择器的<一个空格> 如果你想嵌套的时候引用上一级的选择器,使用 & 比如你的例子就是需要写成 .x-dock{ &>.x-dock-body{ font-size:1em; } } 使用伪类或者伪元素也是同样的用&表示上一级选择器。

没有更多内容

加载失败,请刷新页面

没有更多内容

使用 paramsPrepareParamsStack 拦截器栈后的运行流程

2. 使用 paramsPrepareParamsStack 拦截器栈后的运行流程 1). paramsPrepareParamsStack 和 defaultStack 一样都是拦截器栈. 而 struts-default 包默认使用的是defaultStack 2). 可以在 Stru...

2016/06/04 15:25
10
0
十个有用的Sass Mixins

Sass是世界上最成熟、最稳定、强大而又专业的CSS预处理器。我使用Sass有相当长的一段时间了。发现Sass的Mixins对于任何前端开发人员都非常有用,可以帮助前端开发人员节省很多时间,而且能更...

2015/10/04 14:37
154
0
在VUE项目中使用SCSS ,对SCSS的理解和使用

首先要了解什么是CSS 预处理器? SCSS是一种CSS预处理语言 定义了一种新的专门的编程语言,编译后形成正常的css文件,为css增加一些编程特性,无需考虑浏览器的兼容性(完全兼容css3),让c...

08/27 16:26
8
0
WebStorm开启Scss的Source Maps功能

WebStorm默认可以直接将scss转换成css,需要手动修改File Watchers才能自动输出Source Maps文件。

2014/06/08 11:58
8.1K
0
利用npm实现scss的自动编译

利用npm中--watch开启自动监测,只要ctrl+s自动保存并将scss文件转译为css文件

2016/12/09 17:18
127
0
scss转换成css,hotcss

主要是学习移动端适配的时候练习总结下来的。

2018/02/06 14:26
2.1K
0
TieWP - WordPress Themes, Plugins & More.

http://tiewp.com

2015/07/24 01:42
6
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部