@@ -13,7 +13,7 @@

   display: block;

 }

-.modal-wrapper > div {

+.modal-wrapper > div.modal {

   border: thin solid black;

   box-shadow: 0em 0em 0.1em #ccc;

   width: auto;

@@ -25,11 +25,11 @@

   -ms-transform: translate(-50%, -50%);

   overflow: hidden;

   box-shadow: 0em 0em 0.2em #444;

+  background: white;

 }

-.modal {

+div.modal > div {

   position: relative;

   width: 100%;

   height: 100%;

-  background: white;

 }

@@ -8,11 +8,11 @@

       var target = $(this.dataset.target);

       var action = this.dataset.action;

       if (action === 'open') {

-        var modal = $('<div class="modal"></div>');

+        var modal = $('<div></div>');

         var wrapper = $('<div class="modal-wrapper"></div>').append(modal);

         console.log(target);

         modal.append(target);

-        modal.wrap('<div>');

+        modal.wrap('<div class="modal">');

         $('body').append(wrapper);

         wrapper.click(function() {

           wrapper.removeClass('open');