assets/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; } |