Add styles to mscript UI. Allowing for a compilation step.

This commit is contained in:
mmcwilliams 2018-03-04 23:56:01 -05:00
parent e28c349c75
commit 5f941a9140
3 changed files with 31 additions and 16 deletions

View File

@ -20,7 +20,7 @@ footer {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 150px; height: 160px;
} }
button { button {
display: block; display: block;
@ -538,7 +538,7 @@ button:focus {
margin: 0; margin: 0;
padding: 20px; padding: 20px;
width: 100%; width: 100%;
height: 150px; height: 160px;
display: block; display: block;
background: black; background: black;
color: #fff; color: #fff;
@ -661,10 +661,23 @@ button:focus {
#settings .spacer { #settings .spacer {
margin-top: 10px; margin-top: 10px;
} }
.cm-s-monokai.CodeMirror {
background: #272b30 !important;
}
.cm-s-monokai .CodeMirror-gutters {
background: #363a3f !important;
}
#mscript_cmd {
margin: 7px 0 0 10px;
}
#mscript_cmd button {
font-size: 12px;
padding: 6px 14px 4px;
}
#log { #log {
position: fixed; position: fixed;
width: 100%; width: 100%;
height: 150px; height: 160px;
} }
#screens { #screens {
overflow-x: hidden; overflow-x: hidden;
@ -809,9 +822,3 @@ button:focus {
.cp-app .cp-memo { .cp-app .cp-memo {
bottom: 2px !important; bottom: 2px !important;
} }
.cm-s-monokai.CodeMirror {
background: #272b30 !important;
}
.cm-s-monokai .CodeMirror-gutters {
background: #363a3f !important;
}

View File

@ -7,6 +7,7 @@
@import "./cmd.less"; @import "./cmd.less";
@import "./scroll.less"; @import "./scroll.less";
@import "./settings.less"; @import "./settings.less";
@import "./mscript.less";
#log{ #log{
position: fixed; position: fixed;
@ -149,10 +150,3 @@
bottom: 2px !important; bottom: 2px !important;
} }
} }
.cm-s-monokai.CodeMirror{
background: @BG !important;
}
.cm-s-monokai .CodeMirror-gutters {
background: @BG + rgb(15, 15, 15) !important;
}

14
app/less/mscript.less Normal file
View File

@ -0,0 +1,14 @@
.cm-s-monokai.CodeMirror{
background: @BG !important;
}
.cm-s-monokai .CodeMirror-gutters {
background: @BG + rgb(15, 15, 15) !important;
}
#mscript_cmd{
margin: 7px 0 0 10px;
button{
font-size: 12px;
padding: 6px 14px 4px;
}
}