/**
 * Bootstrap-Markdown.less
 *
 * @author Taufan Aditya @taufanaditya
 * @copyright 2013 Taufan Aditya
 */

@import "variables.less"; // Point this into your bootstrap variables
@import "mixins.less"; // Point this into your bootstrap variables

.md-editor {
  display:block;
  border:1px solid @tableBorder;

  > .md-header, .md-footer {
    display:block;
    padding:6px 4px;
    background:@white;
  }

  > .md-preview {
    background:@white;
    border-top: 1px dashed @tableBorder;
    border-bottom: 1px dashed @tableBorder;
    min-height:10px;
  }

  > textarea {
    font-family: @monoFontFamily;
    font-size: @baseFontSize;
    outline: 0;
    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-radius: 0;
    box-shadow:none;
    background:@inputDisabledBackground;
    &:focus {
      box-shadow:none;
      background:@inputBackground;
    }
  }
 
  // Hover state
  &.active {
    .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);
    outline: 0;
    outline: thin dotted \9; /* IE6-9 */
    .transition(~"border linear .2s, box-shadow linear .2s");
  }
}