https://github.com/pandao/prefixes.scss
CSS(3) prefixes mixins for Sass/Scss
https://github.com/pandao/prefixes.scss
Last synced: about 2 months ago
JSON representation
CSS(3) prefixes mixins for Sass/Scss
- Host: GitHub
- URL: https://github.com/pandao/prefixes.scss
- Owner: pandao
- License: mit
- Created: 2015-02-24T05:40:19.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2019-02-21T09:26:12.000Z (over 6 years ago)
- Last Synced: 2025-04-18T19:09:43.251Z (2 months ago)
- Language: CSS
- Homepage:
- Size: 45.9 KB
- Stars: 29
- Watchers: 2
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGE.md
- License: LICENSE
Awesome Lists containing this project
README
# Prefixes.scss
CSS(3) prefixes mixins library for Sass/Scss, Custom you need CSS prefixes.
#### Install
NPM install:
bower install prefixes.scss --save-dev
Bower install :
bower install prefixes.scss
Download :
- [zip](https://github.com/pandao/prefixes.scss/archive/master.zip)
- [prefixes.scss](https://raw.githubusercontent.com/pandao/prefixes.scss/master/dist/prefixes.scss)
#### Example
**Scss:**
```scss
@import "prefixes";
.example {
@include clearfix();
@include border-radius(4px);
@include box-shadow(0 1px 5px rgba(0, 0, 0, .5));
}
```
**Sass:**
```sass
@import "../prefixes"
.example
@include clearfix()
@include border-radius(4px)
@include box-shadow(0 1px 5px rgba(0, 0, 0, .5))
```
**CSS:**
```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;
}
```
#### Changes
[Change logs](https://github.com/pandao/prefixes.scss/blob/master/CHANGE.md)
#### References
- [CanIUse](http://caniuse.com/ "CanIUse")
- [Should I Prefix](http://shouldiprefix.com/ "Should I Prefix")
- [MDN CSS Reference](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference "MDN CSS Reference")
- [Mozilla Extensions](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Mozilla_Extensions "Mozilla Extensions")
- [Webkit Extensions](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Webkit_Extensions "Webkit Extensions")
- [CtripUED -webkit CSS lib](http://ued.ctrip.com/webkitcss/index.html "CtripUED -webkit CSS lib")
- [Vendor-prefixed CSS Property Overview](http://peter.sh/experiments/vendor-prefixed-css-property-overview/ "Vendor-prefixed CSS Property Overview")
#### License
The [MIT](https://github.com/pandao/prefixes.scss/blob/master/LICENSE) license.
Copyright (c) 2015 - 2018 Pandao