https://github.com/artcodestudio/sass-prefix-mixins

Collection of mixins to add vendor prefixes directly in sass/scss.
https://github.com/artcodestudio/sass-prefix-mixins

mixins prefix sass sass-autoprefixer sass-mixins scss vendorprefix

Last synced: 1 day ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/artcodestudio/sass-prefix-mixins
• Owner: ArtCodeStudio
• License: mit
• Archived: true
• Created: 2016-09-17T11:47:25.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-02-03T10:33:17.000Z (over 6 years ago)
• Last Synced: 2024-09-26T00:24:10.894Z (1 day ago)
• Topics: mixins, prefix, sass, sass-autoprefixer, sass-mixins, scss, vendorprefix
• Language: CSS
• Homepage:
• Size: 11.7 KB
• Stars: 10
• Watchers: 2
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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:

```scss

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

```

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

```scss

.your-class {

  flex-flow: row wrap;

}

```

with

```scss

.your-class {

  @include vp-flex-flow(row wrap);

}

```

the resulting css will look like

```css

.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](https://github.com/JumpLinkNetwork/bootstrap-backward) - Bootstrap 4 Version using sass-autoprefixer to compile bootstrap 4 directly in your project.