I hereby claim:
- I am HRcc on github.
- I am rudolfhalas (https://keybase.io/rudolfhalas) on keybase.
- I have a public key whose fingerprint is 4474 0E37 0930 1C92 C733 A53C F8C5 47BF EEB2 39A9
To claim this, I am signing this object:
I hereby claim:
To claim this, I am signing this object:
| /******************************************************************************* | |
| 1. DEPENDENCIES | |
| *******************************************************************************/ | |
| var gulp = require('gulp'); // gulp core | |
| sass = require('gulp-sass'), // sass compiler | |
| uglify = require('gulp-uglify'), // uglifies the js | |
| jshint = require('gulp-jshint'), // check if js is ok | |
| rename = require("gulp-rename"); // rename files | |
| concat = require('gulp-concat'), // concatinate js |
| 1. copy the image to a new layer and delete the background layer | |
| 2. copy the image to a new layer again and INVERT it | |
| 3. copy the inverted layer into the clipboard, and switch off its visibilty for now | |
| 4. go back the the +ve image and create a layer mask | |
| 5. press ALT whilst clicking on the mask thumbnail | |
| 6. paste the inverted image, then click back to the image thumbnail in the layer palette | |
| 7. duplicate this new layer until necessary (5 times?) and delete the inverted layer you created at the start | |
| 8. merge down the layers one by one (Ctrl-E) choosing to "apply mask" each time |
| #To make it even more simple, we can write it as a mixin with its vendor prefixes: | |
| @mixin vertical-align { | |
| position: relative; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| } |