modalbox - background color without theme (issue #4) & modal dismiss on background click

Author: pgalias

css/components.css

@@ -1,5 +1,10 @@
+@import "_variables";
+@import "../_mixins";
+@import "../_themes";
+
 .modal {
   &__dialog {
+    background-color: #fff;
     .center-both;
     box-sizing: border-box;
     &--wide {
@@ -36,6 +41,9 @@
       }
     }
   }
+  &__body {
+    padding: 15px;
+  }
 
   &__dialog--blue {
     border-radius: @blue-border-radius;

css/components.css.map

@@ -1,3 +1,6 @@
+@import "_variables";
+@import "../_mixins";
+
 .modal {
   &__overlay {
     position: fixed;
@@ -8,5 +11,11 @@
     background: @overlay-background;
 
     z-index: 10000;
+
+    &--dismiss {
+      .same(100%, width height);
+      cursor: pointer;
+      display: block;
+    }
   }
 }

less/modalbox/_dialog.less

@@ -1,3 +1,6 @@
+@import "_variables";
+@import "../_mixins";
+
 .modal {
   &__trigger[type=checkbox] {
     // input type checkbox