Adding Charmes

[spencerking]

I had forgotten to branch for my initial README pull request. I would assume this should be able to be merged after my first pull request, but if not I can redo it. I tried to emulate the example image from here.

[una]

Hey! Do you ming getting this branch up to date today? You can go git pull --rebase origin master and go through the merge conflicts

[spencerking]

I think I took care of it all, let me know if I missed something.

[una]

I think this might benefit from a little more warmth in the highlight and violet in the shadow. What do you think? Also, do you mind committing only the updated scss and data files? (ignoring the built CSS)

[spencerking]

I can tweak it a bit tomorrow. It's kinda hard to tell from the sample image but I see where you're coming from. In the future I'll ignore the built CSS.

[spencerking]

I'm a little worried the image as a whole might be too violet now. I'm having trouble deciding since I think it looks fine when I move a little further away from my monitor; I figured I'd let someone else take a look at it.

[una]

Here is the code I tried:

@mixin charmes($filters...) {
  @extend %filter-base;
  filter: contrast(1.1);

  &::after {
    background-color: rgba(140, 46, 171, .2);
    mix-blend-mode: lighten;
  }

  &::before {
    background-color: rgba(154, 147, 108, .58);
    mix-blend-mode: darken;
  }

  @content;
}

And it looked pretty close to me:

[spencerking]

I think what you used is good but it looks too dark with the example I was using. The left is the original and the right is with the Instagram Charmes filter: http://imgur.com/a/QzavO. I took what you had and went ahead and upped the brightness and contrast a bit. This fixed the example I was using and didn't noticeably change the images you posted.

[una]

Awesome, do you mind resolving the merge conflicts? A way to mitigate them is to only submit the _charmes.scss, cssgram.scss, and updated JSON file.

Heres an example: #210