Prefixes.scss 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Prefixes.scss 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Prefixes.scss 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 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; 
}
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (1)

加载中
叛道软件作者
Prefixes.scss 是 Sass/Scss 的 CSS(3) 前缀处理Mixins library,免安装,直接import,可自定义需要的前缀。Editor.md采用的是Prefixes.scss作前缀处理。
2015/03/10 11:21
回复
举报
更多评论
暂无内容
发表了博客
2019/07/18 19:39

A.Equivalent Prefixes

题目大意:等价数组定义为(1≤l≤r≤m)中,所有的子区间都满足最小值下标相等,找出最大的m。 思路:我们枚举下标,如果当前下标i不满足,显然我们就可以结束循环了。那么现在的关键是怎么样去判断下标i是否满足。 ①首先我们需要知道每增加一个数,那么多了哪些区间。在枚举的过程中,我们会发现如果对于AB新增一个数C,那么增加的区间则是BC,ABC。显然增加的区间是从当前下标i一直到下标1。这个时候我们知道第二层循环应该就...

0
0
发表了博客
2013/12/19 22:50

poj 2001 Shortest Prefixes

trie树 题意: 寻找到最短能区分出每个字符串的前缀 Shortest Prefixes Time Limit: 1000MS Memory Limit: 30000K Total Submissions: 11976 Accepted: 5099 Description A prefix of a string is a substring starting at the beginning of the given string. The prefixes of "carbon" are: "c", "ca", "car", "carb", "carbo", and "carbon". Note that the empty string is not considered a prefix in this problem, but e...

0
0
发表了博客
2019/09/27 20:52

scss

1.sass介绍 sass是成熟、稳定、强大的CSS预处理器,而SCSS是Sass3版本当中引入的新语法特性,完全兼容CSS3的同时继承了Sass强大的动态功能。 2.1 css的编译模式   css ---普通   sass /scss ---高效 **   ess ---高效 2.2 sass的介绍   来源:ruby公司 基于ruby语言   基础版本,后缀名为sass 没有{} 只能通过缩进来实现 --- 可读性差,难以维护   .scss --- 可读性高,便于维护 -- 嵌套 --不用担心权重问题 2.3 如何使...

0
0
2017/09/04 17:02

scss

选择器嵌套 header &表示header作为nav的父集 & header表示header作为nav的子集 nav { a { color: red; header & { color:green; } } } 属性嵌套 .box { font: { size: 12px; weight: bold; } } 伪类嵌套 .clearfix{ &:before, &:after { content:""; display: table; } &:after { clear:both; overflow: hidden; } } 混合宏 定义一组错误信息样式 @mixin error($bo...

0
0
发表了博客
2018/08/12 20:19

scss 入门

scss 入门 1. scss 引入其他文件 引入其他 .scss 文件 @import 'index.scss' 这样的话,文件在编译后,会自动把引入的文件和当前文件合并为一个. scss 文件 引入其他 .css 文件 @import 'index.css' 和引入. scss 文件不同,这样引入的. css 文件在编译后不会和当前文件合并为一个. scss 文件,而是继续保持为外链引入方式 2. scss 注释方法 scss 的注释有两种 块注释 /* */ 行注释 // 3. scss 变量 scss 变量分为 3 种,以...

0
0
发表了博客
2018/12/16 20:55

scss使用方法

命令行: win+r 调试出运行窗口; git & cmd & powershell 基本使用方法: cd: 切换磁盘; cd ../ 切换到上一级; ls: 查看当前目录下所有的文件; cd 空格加文件名字: 切换到指定的目录; cls: 清空当前的屏幕内容;git命令使用clear; 定义变量: $color:yellow; 引用变量: div { color: $color }; 嵌套规则: content { width:100px; h4 { color: red; } p { text-indent: 2em; } a { color: #000; &:hover { color: #c00; } } &代表父选...

0
0
发表了博客
2019/01/14 11:03

SCSS入门

1. CSS预处理器 定义了一种新的专门的编程语言,编译后成正常的CSS文件。为CSS增加一些编程的特性,无需考虑浏览器的兼容问题,让CSS更加简洁,适应性更强,可读性更佳,更易于代码的维护等诸多好处。 CSS预处理器语言:scss(sass)、LESS等; 2.Sass和SCSS的区别 文件扩展名不同:“.sass”和“.scss”; Sass是以严格缩进式语法规则来书写的,不带大括号和分号;而SCSS的语法和CSS书写语法类似。 3.Sass安装(Windows版) 先...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2016/10/27 20:21

用gulp-sass编译scss后缀名的文件,出来的还是scss文件?

按理说,编译scss应该是生成css才对啊。、 gulpfile.js如下: var gulp = require('gulp'),   sass = require('gulp-sass'); //sass gulp.task('sass', function() { return gulp.src('./scss/*.scss') .pipe(sass({ outputStyle: 'compressed' }).pipe(gulp.dest('./css'))); }); scss文件如下: $fontSize: 12px; body{ font-size:$fontSize; } 编译出来的是scss文件,内容跟上面的scss一...

1
0
发表了问答
2015/07/30 10:02

SCSS改写同级的CSS

请教一下,一段css怎么改成scss #account_index_list_one, #account_index_list_two, #account_index_list_three { border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; } 怎么改成scss, 如果这样直接放在scss文件里,编译的时候老是报错: Sass::SyntaxError on line 477 of /resources/sass/app.scss: Invalid CSS after "...x_list_two, #ac": expected "{", was "" 有时候会报错,有时候不会,很奇怪!!!...

1
0
发表了问答
2015/08/14 15:13

SCSS关于层级的写法

用sencha touch 写app用到scss 以前没用过scss,所以有个问题请教一下,就是: .x-dock > x.dock-body{ font-size:1em; } 怎么写成scss样式的? 直接写: .x-dock{ .x-dock-body{ font-size:1em; } } 这样是不行的,这样会把.x-dock下面的所有.x-dock-body全生效,也就是变成 .x-dock .x-dock-body{ //中间的那个大于号不见了,这不是我想要的结果 font-size:1em; } 谢谢!!!...

2
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
1 评论
2 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部