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;
bottom: 0;
width: 100%;
height: 150px;
height: 160px;
}
button {
display: block;
@ -538,7 +538,7 @@ button:focus {
margin: 0;
padding: 20px;
width: 100%;
height: 150px;
height: 160px;
display: block;
background: black;
color: #fff;
@ -661,10 +661,23 @@ button:focus {
#settings .spacer {
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 {
position: fixed;
width: 100%;
height: 150px;
height: 160px;
}
#screens {
overflow-x: hidden;
@ -809,9 +822,3 @@ button:focus {
.cp-app .cp-memo {
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 "./scroll.less";
@import "./settings.less";
@import "./mscript.less";
#log{
position: fixed;
@ -148,11 +149,4 @@
.cp-memo{
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;
}
}