all repos — hastyscribe @ 8e3ed69da0f21e2d39c9993a5264de7472d000af

A professional markdown compiler.

styles/blocks.less

 1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 
.note { .mix-titled-block(@lighter-blue, @dark-blue, @light-blue, @fa-var-arrow-circle-right);}
.tip {.mix-titled-block(@lighter-green, @dark-green, @light-green, @fa-var-check-circle);}
.warning {.mix-titled-block(@lighter-yellow, @dark-yellow, @light-yellow, @fa-var-exclamation-triangle);}

.sidebar {.mix-titled-block(@light-gray, @gray-5, @light-gray, @fa-var-info-circle);}
.output {.mix-box(@light-gray, @gray-5, @light-gray);}

.apple-sidebar {.mix-titled-block(@light-gray, @gray-5, @light-gray, @fa-var-apple);}
.android-sidebar {.mix-titled-block(@light-gray, @gray-5, @light-gray, @fa-var-android);}
.windows-sidebar {.mix-titled-block(@light-gray, @gray-5, @light-gray, @fa-var-windows);}
.linux-sidebar {.mix-titled-block(@light-gray, @gray-5, @light-gray, @fa-var-linux);}
.nix-sidebar {.mix-titled-block(@light-gray, @gray-5, @light-gray, @fa-var-apple @fa-var-linux);}

.conditional-sidebar {
  .mix-box(@light-gray, @text-color, @gray-c);
  padding: 0;
  .conditions {
    .mix-no-border-radius;
    border-bottom: 1px solid @gray-c;
    margin: 0;
    p, div {
      display: inline-block;
      cursor: pointer;
      margin: 0;
      padding: 1px;
    }
    div {
      text-align: center;
      margin: auto;
      padding: 2px;
      width: 150px;
      border: none;
      border-right: 1px solid @gray-c; 
      background: @light-gray;
      .mix-no-border-radius;
      p, p:before {
        color: @gray-a !important;
      }
    }
    div.selected, div:hover {
      background: @gray-c;
      p, p:before {
        color: @dark-gray !important;
      }
    }
  }
  div[class$='target'] {
    padding: 2px 3px;
  }
}

.terminal {
  .mix-box(@gray-c, @gray-2, @gray-c);
  padding: 0 3px;
  p, p:first-child {
    margin-top: 0;
    margin-bottom: 0;
    text-shadow: none;
    font-weight: normal;
    font-family: @monospace-font;
    font-size: 90%;
    color: @gray-2;
    &:before {
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: bold;
      color: @bright-green;
      content: @fa-var-terminal " ";
    }
  }
}

div .terminal {
  margin: 2px auto;
}