Skip to content

pandao/prefixes.scss

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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