app/assets/stylesheets/bootstrap-markdown.css.scss in rails-bootstrap-markdown-1.0.0 vs app/assets/stylesheets/bootstrap-markdown.css.scss in rails-bootstrap-markdown-2.6.0

@@ -1,37 +1,44 @@
 /**
- * Bootstrap-Markdown.less
+ * Bootstrap-Markdown.css.scss
  *
  * @author Taufan Aditya @taufanaditya
- * @copyright 2013 Taufan Aditya
+ * @author Oleg Vivtash <[e-mail]> (LESS->SCSS conversion)
+ * @copyright 2013-2014 Taufan Aditya
  */
 
 @import "bootstrap/variables"; // Point this into your bootstrap variables
 @import "bootstrap/mixins"; // Point this into your bootstrap variables
 
 // Hover state
 $color: $input-border-focus;
 $color-rgba: rgba(red($color), green($color), blue($color), .6);
 
+
 .md-editor {
   display: block;
   border: 1px solid $table-border-color;
 
-  .md-header, .md-footer {
+  > .md-header, .md-footer {
     display: block;
     padding: 6px 4px;
     background: $panel-default-heading-bg;
   }
 
-  .md-preview {
+  > .md-header {
+    margin: 0;
+  }
+
+  > .md-preview {
     background: $panel-bg;
     border-top: 1px dashed $table-border-color;
     border-bottom: 1px dashed $table-border-color;
     min-height: 10px;
+    overflow: auto;
   }
 
-  textarea {
+  > textarea {
     font-family: $font-family-monospace;
     font-size: $font-size-base;
     outline: 0;
     outline: thin dotted  \9; /* IE6-9 */
     margin: 0;
@@ -42,19 +49,173 @@
     border-top: 1px dashed $table-border-color;
     border-bottom: 1px dashed $table-border-color;
     border-radius: 0;
     box-shadow: none;
     background: $input-bg-disabled;
-
     &:focus {
       box-shadow: none;
       background: $input-bg;
     }
   }
 
+  // Hover state
+  $color: $input-border-focus;
+  $color-rgba: rgba(red($color), green($color), blue($color), .6);
   &.active {
     border-color: $color;
     outline: 0;
+     @include box-shadow("inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px ${color-rgba}");
+  }
 
-    @include box-shadow("inset 0 1px 1px rgba(0, 0, 0, 0.75), 0 0 0 8px rgba(#{$color-rgba})")
+  .md-controls {
+    float: right;
+    padding: 3px;
+
+    .md-control {
+      right: 5px;
+      color: #bebebe;
+      padding: 3px 3px 3px 10px;
+      &:hover {
+        color: #333;
+      }
+    }
   }
+
+  // fullscreen mode styles
+  &.md-fullscreen-mode {
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 99999;
+    padding: 60px 30px 15px;
+    background: #fff !important;
+    border: 0 !important;
+
+    &.theme-dark {
+      background: #1d1f21 !important;
+
+      .md-fullscreen-controls a {
+        color: #a4b1b1;
+        &:hover {
+          color: #dbe0e0;
+          text-shadow: 0 0 10px #000;
+        }
+      }
+
+      .md-preview,
+      .md-input,
+      .md-input:hover,
+      .md-input:active,
+      .md-input:focus {
+          color: #dbe0e0;
+          background: #1d1f21 !important;
+        
+      }
+
+      .btn {
+        &:hover,
+        &:focus,
+        &.active,
+        &:active {
+          color: #dbe0e0;
+          text-shadow: 0 0 10px #000;
+        }
+      }
+    }
+
+    .md-footer {
+      display: none;
+    }
+
+    .md-input,
+    .md-preview {
+      margin: 0 auto !important;
+      height: 100% !important;
+      font-size: 20px !important;
+      padding: 20px !important;
+      color: #999;
+      line-height: 1.6em !important;
+      resize: none !important;
+      box-shadow: none !important;
+      background: #fff !important;
+      border: 0 !important;
+    }
+
+    .md-preview {
+      color: #333;
+      overflow: auto;
+    }
+
+    .md-input {
+      &:hover,
+      &:focus {
+        color: #333;
+        background: #fff !important;
+      }
+    }
+
+    .md-header {
+      background: none;
+      text-align: center;
+      position: fixed;
+      width: 100%;
+      top: 20px;
+    }
+
+    .btn-group {
+      float: none;
+    }
+
+    .btn {
+      border: 0;
+      background: none;
+      color: #b3b3b3;
+
+      &:hover,
+      &:focus,
+      &.active,
+      &:active {
+        box-shadow: none;
+        color: #333;
+      }
+    }
+
+    .md-fullscreen-controls {
+      position: absolute;
+      top: 20px;
+      right: 20px;
+      text-align: right;
+      z-index: 1002;
+      display: block;
+      a {
+        color: #b3b3b3;
+        clear: right;
+        margin: 10px;
+        width: 30px;
+        height: 30px;
+        text-align: center;
+
+        &:hover {
+          color: #333;
+          text-decoration: none;
+        }
+      }
+    }
+
+    .md-editor {
+      height: 100% !important;
+      position: relative;
+    }
+  }
+
+  .md-fullscreen-controls {
+    display: none;
+  }
+}
+
+.md-nooverflow {
+  overflow: hidden;
+  position: fixed;
+  width: 100%;    
 }
\ No newline at end of file