From 1b735f172781af46465a7a6d48c7746483b7f6a9 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sun, 26 Jun 2016 22:21:19 +1000 Subject: [PATCH 1/2] Update readme.md --- readme.md | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/readme.md b/readme.md index a8fbcd61..1894a371 100644 --- a/readme.md +++ b/readme.md @@ -41,13 +41,11 @@ If you have any cool ideas or features, please let me know by [creating an issue ## CMS plugins -### [WordPress](https://wordpress.org) +### [WordPress](https://wordpress.org/plugins/plyr/) Created and maintained by Ryan Anthony Drake ([@iamryandrake](https://github.com/iamryandrake)) -[Plyr on WordPress](https://wordpress.org/plugins/plyr/) -### [Neos](https://www.neos.io/) +### [Neos](https://packagist.org/packages/jonnitto/plyr) Created and maintained by Jon Uhlmann ([@jonnitto](https://github.com/jonnitto)) -[Plyr.io for Neos.io](https://packagist.org/packages/jonnitto/plyr) ## Using package managers You can grab the source using one of the following package managers. From ef1233250593daa384dbbf3440b68a2d4aaa6125 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Wed, 29 Jun 2016 16:23:38 +1000 Subject: [PATCH 2/2] Update readme.md --- readme.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/readme.md b/readme.md index 1894a371..5b513a07 100644 --- a/readme.md +++ b/readme.md @@ -140,7 +140,9 @@ The SVG sprite is loaded automatically from our CDN. To change this, see the [#o ## Advanced ### LESS & SASS/SCSS -You can use `plyr.less` or `plyr.scss` file included in `/src` as part of your build and change variables to suit your design. The HTML markup uses the BEM methodology with `plyr` as the block, e.g. `.plyr__controls`. You can change the class hooks in the options to match any custom CSS you write. Check out the JavaScript source for more on this. +You can use `plyr.less` or `plyr.scss` file included in `/src` as part of your build and change variables to suit your design. The LESS and SASS require you to use the [autoprefixer](https://www.npmjs.com/package/gulp-autoprefixer) plugin (you should already) as all declerations use the W3C definitions - e.g. `appearance: none;` will be prefixed to `-webkit-appearance: none;` by autoprefixer. + +The HTML markup uses the BEM methodology with `plyr` as the block, e.g. `.plyr__controls`. You can change the class hooks in the options to match any custom CSS you write. Check out the JavaScript source for more on this. ### SVG The icons used in the Plyr controls are loaded in an SVG sprite. The sprite is automatically loaded from our CDN by default. If you already have an icon build system in place, you can include the source plyr icons (see `/src/sprite` for source icons).