faketerminal.less (2311B)
1 @ft-background-color: rgba(0, 0, 0, 0.9); 2 @ft-text-color: #ffffff; 3 @ft-font-family: Courier, Monaco, monospace; 4 @ft-info-text-color: #33e333; 5 @ft-info-background-color: transparent; 6 @ft-error-text-color: #ffffff; 7 @ft-error-background-color: #ff0000; 8 @ft-comment-text-color: #ffff00; 9 @ft-comment-background-color: transparent; 10 @ft-question-text-color: cyan; 11 @ft-question-background-color: transparent; 12 @ft-muted-text-color: #cccccc; 13 @ft-muted-background-color: transparent; 14 15 .faketerminal { 16 width: 100%; 17 height: 100%; 18 padding: 1rem; 19 display: block; 20 text-align: left; 21 font-family: @ft-font-family; 22 font-size: 0.9em; 23 position: relative; 24 background: @ft-background-color; 25 color: @ft-text-color; 26 box-sizing: border-box; 27 overflow: auto; 28 29 &__screen { 30 margin: 0; 31 list-style: none; 32 width: 100%; 33 34 &__line { 35 word-break: break-word; 36 min-height: 1rem; 37 } 38 } 39 &__commandline { 40 display: flex; 41 input { 42 flex: 1; 43 background: transparent; 44 color: inherit; 45 border: 0; 46 outline: 0; 47 font-family: inherit; 48 font-size: inherit; 49 margin: 0; 50 padding: 0; 51 &.is-password { 52 color: transparent; 53 } 54 } 55 } 56 &__prompt { 57 display: inline-block; 58 padding-right: 0.5rem; 59 } 60 .color { 61 &--info { 62 color: @ft-info-text-color; 63 background: @ft-info-background-color; 64 } 65 &--error { 66 color: @ft-error-text-color; 67 background: @ft-error-background-color; 68 } 69 &--comment { 70 color: @ft-comment-text-color; 71 background: @ft-comment-background-color; 72 } 73 &--question { 74 color: @ft-question-text-color; 75 background: @ft-question-background-color; 76 } 77 &--muted { 78 color: @ft-muted-text-color; 79 background: @ft-muted-background-color; 80 } 81 &--line { 82 border-top: 1px dashed @ft-text-color; 83 opacity: 0.5; 84 margin-top: 1rem; 85 margin-bottom: 1rem; 86 display: block; 87 width: 100%; 88 } 89 } 90 }