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

@@ -1,62 +1,60 @@
 /**
- * Bootstrap-Markdown.css.scss
+ * Bootstrap-Markdown.less
  *
- * Converted to SCSS by Danny Tatom @dannytatom
- *
  * @author Taufan Aditya @taufanaditya
  * @copyright 2013 Taufan Aditya
  */
 
-@import "bootstrap/variables";
-@import "bootstrap/mixins";
+@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 $tableBorder;
+  border: 1px solid $table-border-color;
 
   .md-header, .md-footer {
     display: block;
     padding: 6px 4px;
-    background: $white;
+    background: $panel-default-heading-bg;
   }
 
   .md-preview {
-    background: $white;
-    border-top: 1px dashed $tableBorder;
-    border-bottom: 1px dashed $tableBorder;
+    background: $panel-bg;
+    border-top: 1px dashed $table-border-color;
+    border-bottom: 1px dashed $table-border-color;
     min-height: 10px;
   }
 
   textarea {
-    font-family: $monoFontFamily;
-    font-size: $baseFontSize;
+    font-family: $font-family-monospace;
+    font-size: $font-size-base;
     outline: 0;
-    outline: thin dotted \9; /* IE6-9 */
+    outline: thin dotted  \9; /* IE6-9 */
     margin: 0;
     display: block;
     padding: 0;
     width: 100%;
     border: 0;
-    border-top: 1px dashed $tableBorder;
-    border-bottom: 1px dashed $tableBorder;
+    border-top: 1px dashed $table-border-color;
+    border-bottom: 1px dashed $table-border-color;
     border-radius: 0;
     box-shadow: none;
-    background: $inputDisabledBackground;
+    background: $input-bg-disabled;
 
     &:focus {
       box-shadow: none;
-      background: $inputBackground;
+      background: $input-bg;
     }
   }
 
-  // Hover state
   &.active {
-    @include box-shadow("inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)");
-
-    border-color: rgba(82,168,236,.8);
+    border-color: $color;
     outline: 0;
-    outline: thin dotted \9; /* IE6-9 */
 
-    @include transition(border linear .2s, box-shadow linear .2s);
+    @include box-shadow("inset 0 1px 1px rgba(0, 0, 0, 0.75), 0 0 0 8px rgba(#{$color-rgba})")
   }
-}
+}
\ No newline at end of file