CSS(3) prefixes mixins for Sass/Scss
Switch branches/tags
Clone or download
Pandao
Latest commit 684ab7c Jul 4, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist Release v0.2.0 Jun 19, 2015
examples Release v0.2.0 Jun 19, 2015
src Release v0.2.0 Jun 19, 2015
.gitignore added support NPM install Jul 4, 2018
.npmignore added support NPM install Jul 4, 2018
CHANGE.md Release v0.2.0 Jun 19, 2015
Gulpfile.js Release v0.2.0 Jun 19, 2015
LICENSE Initial commit Feb 24, 2015
README.md Updated README.md Jul 4, 2018
bower.json Release v0.2.0 Jun 19, 2015
package.json Release v0.2.0 Jun 19, 2015

README.md

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 :

Example

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; 
}

Changes

Change logs

References

License

The MIT license.

Copyright (c) 2015 - 2018 Pandao