Separating Sass code into core, theme and config modules

[fabien-d]

I separated the Sass code into 3 separate files for easier look and feel updates.

• _modalConfig.scss
• _modalCore.scss
• _modalTheme.scss

I'm using the plugin for our current project and the only downside was how the look and feel was tied to the core styles.

This has helped me since the theme styles are separated from the core and the risk of breaking the functionality is reduced.

The only actual change is removing the BG data image which I replaced with CSS styles to allow customization.

Replaced:

// Background for overlay – Data URI because of IE8 not supporting rgba
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg==');

With:

background: #000;
background: rgba(0,0,0, $modal-bg-opacity / 100 );
filter: alpha(opacity=$modal-bg-opacity);

Feel free to ignore if this is not going in the direction you want!

[drublic]

Thanks for the effort you put into this pull request. I like the idea and I think this is something we could consider for 1.1.0.
I'll leave this unmerged for now to look into this issue myself with the current implementation and the different animation styles we'd like to include (#51).

The problem with changing the background to a filter in IE could be that there are other quirks that come with it. Also I personally don't like to rely on filters. But I will look into this again :)

[fabien-d]

I'm not a fan of filters - but in these small cases I tend to use them! You could always rely on rgba() and fallback to the data:image to give more flexibility to supported browsers and not for others.

And again, feel free to ignore this - I was simply going to open an issue to separate core and theme since the look and feel I'm using for my project is very different than your default. But since I had done something to solve my problem, I figured it would be a great discussion point!

The issue I'd like to get resolved is to be able to update the modal without having to go through restyling for every versions.

[drublic]

We've applied the changes as outlined in #73 for the new structure. Thanks again for providing the idea and valuable input :)