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

Latest commit

 

History

History
53 lines (41 loc) · 987 Bytes

README.md

File metadata and controls

53 lines (41 loc) · 987 Bytes

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.