szynszyliszys / repaintless

Library for fast CSS Animations
http://szynszyliszys.github.io/repaintless/
MIT License
964 stars 49 forks source link

Mark Sass variables with `!default` flag (and remove many `-webkit-` prefixes) #6

Open Boldewyn opened 6 years ago

Boldewyn commented 6 years ago

Sass allows variables to be marked with the !default flag, which makes it easy to overwrite them when embedding the library. The second commit in this PR marks all of Repaintless’ variables with this flag.

Example:

// project.scss
$default-offset: 150px;
@import "repaintless";

will set the default offset used by Repaintless to 150px with the PR applied. There should be no issues with backwards compatibility.


Removing many -webkit- prefixes was unintentional. Apparently, Autoprefixer as of middle of 2018 deems them to be unnecessary. The first commit is the result of a clean build after git clone && gulp build.

I’ve added gulp-cssnano to package.json, which was necessary for being able to build, and added the package-lock.json, that the newer npms automatically create.


The third commit just updates the changelog.