Add variables for paddings in modal for mobile and make background of tile-default important

less/modal.less

@@ -4,13 +4,19 @@
 
 @modal-body-padding-horizontal: @global-medium-gutter;
 @modal-body-padding-vertical: @global-medium-gutter;
+@modal-body-padding-horizontal-mobile: @global-small-gutter;
+@modal-body-padding-vertical-mobile: @global-small-gutter;
 
 @modal-header-padding-horizontal: @global-medium-gutter;
 @modal-header-padding-vertical: @global-gutter;
+@modal-header-padding-horizontal-mobile: @global-small-gutter;
+@modal-header-padding-vertical-mobile: @global-small-gutter;
 @modal-header-background: @global-background;
 
 @modal-footer-padding-horizontal: @global-medium-gutter;
 @modal-footer-padding-vertical: @global-medium-gutter;
+@modal-footer-padding-horizontal-mobile: @global-small-gutter;
+@modal-footer-padding-vertical-mobile: @global-small-gutter;
 @modal-footer-background: @global-background;
 @modal-footer-border-width: @global-border-width;
 @modal-footer-border: @global-border;
@@ -35,6 +41,20 @@
 }
 
 .hook-modal-misc() {
+  @media (max-width: @breakpoint-small-max) {
+    .uk-modal-body {
+      padding: @modal-body-padding-vertical-mobile @modal-body-padding-horizontal-mobile;
+    }
+
+    .uk-modal-header {
+      padding: @modal-header-padding-vertical-mobile @modal-header-padding-horizontal-mobile;
+    }
+
+    .uk-modal-footer {
+      padding: @modal-footer-padding-vertical-mobile @modal-footer-padding-horizontal-mobile;
+    }
+  }
+
   .uk-modal, uk-dropdown {
 
     .uk-button, uk-icon-button {

less/tile.less

@@ -1,5 +1,6 @@
-@tile-default-background: @global-inverse-color;
+@tile-default-background-color: @global-inverse-color;
+@tile-default-background: @tile-default-background-color !important;
 
 .hook-tile-default() {
-  .set-blur-background(@tile-default-background, 50%) !important;
+  .set-blur-background(@tile-default-background-color, 50%) !important;
 }