Skip to content
This repository has been archived by the owner on Apr 3, 2023. It is now read-only.

Collection of mixins to add vendor prefixes directly in sass/scss.

License

Notifications You must be signed in to change notification settings

ArtCodeStudio/sass-prefix-mixins

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

sass-prefix-mixins

Collection of mixins to add vendor prefixes directly in sass/scss.

install

NPM

npm install sass-prefix-mixins

Bower

bower install sass-prefix-mixins

Using

Add the scss file to your your own scss file:

@import "./../bower_components/sass-autoprefixer/scss/prefixes";

replace your scss statement with its sass-prefix-mixins mixin, e.g. replace

.your-class {
  flex-flow: row wrap;
}

with

.your-class {
  @include vp-flex-flow(row wrap);
}

the resulting css will look like

.your-class {
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

Mixins

Check the source code to see which mixins exist or help me and update this Readme

See also

  • Bootstrap 4 Backward - Bootstrap 4 Version using sass-autoprefixer to compile bootstrap 4 directly in your project.