add dialog components to previews

1 files changed, 21 insertions, 0 deletions

diff --git a/assets/less/bootswatch.less b/assets/less/bootswatch.less
index fca8012a..e48ab603 100644
--- a/assets/less/bootswatch.less
+++ b/assets/less/bootswatch.less
@@ -19,6 +19,27 @@ body {
 
 .bs-component {
   position: relative;
+
+  .modal {
+    position: relative;
+    top: auto;
+    right: auto;
+    left: auto;
+    bottom: auto;
+    z-index: 1;
+    display: block;
+
+    &-dialog {
+      width: 90%;
+    }
+  }
+
+  .popover {
+    position: relative;
+    display: inline-block;
+    width: 220px;
+    margin: 20px;
+  }
 }
 
 #source-button {