Merge branch 'modal' of https://github.com/MohammadYounes/Semantic-UI

src/elements/segment.less

@@ -128,6 +128,11 @@
   margin-bottom: 0em;
 }
 
+/* Bound to segment size*/
+.ui.segment > .ui.dimmer {
+  position:absolute;
+}
+
 /*******************************
              Types
 *******************************/

src/modules/dimmer.less

@@ -19,7 +19,7 @@
 
 .ui.dimmer {
   display: none;
-  position: absolute;
+  position: fixed;
   top: 0em !important;
   left: 0em !important;
 

src/modules/modal.js

@@ -77,8 +77,11 @@ $.fn.modal = function(parameters) {
                 hide     : settings.duration * 1.1
               }
             })
-            .dimmer('add content', $module)
           ;
+
+          if(settings.detachable)
+            $dimmable.dimmer('add content', $module);
+
           $dimmer = $dimmable
             .dimmer('get dimmer')
           ;
@@ -662,6 +665,7 @@ $.fn.modal.settings = {
 
   closable    : true,
   context     : 'body',
+  detachable  : false,
   duration    : 500,
   easing      : 'easeOutExpo',
   offset      : 0,