styles/package-script-runner.less
// The ui-variables file is provided by base themes provided by Atom.
//
// See https://github.com/atom/atom-dark-ui/blob/master/styles/ui-variables.less
// for a full listing of what's available.
@import "ui-variables";
.package-script-runner {
min-height: 75px;
width: 100%;
background: @app-background-color;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.terminal {
display: flex;
align-items: top;
justify-content: flex-start;
width: 100%;
margin: 10px;
.terminal-output {
visibility: visible;
white-space: pre-line;
height: 125px;
margin: 0 1%;
padding: 1%;
width: 100%;
overflow: hidden;
overflow-y: scroll;
background: tint(@app-background-color, 10%);
transition-delay: 0.01s;
transition: all 0.2s ease;
user-select: text;
&.hidden {
display: none;
visibility: hidden;
}
}
}
.task-list {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 5px;
.button-group {
height: inherit;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.terminal-output-toggle,
.terminal-output-bottom {
width: 30px;
height: 30px;
padding: 0;
margin: 2.5px 0;
border-color: @text-color-highlight;
background: @text-color-highlight;
color: @app-background-color;
transition: all 0.2s ease;
}
}
.task-button {
&.running {
border-color: @text-color-success;
color: @text-color-success;
}
&.stopped,
&.closed,
&.exited {
border-color: @text-color-info;
color: @text-color-info;
&:hover {
background: transparent;
}
}
}
.task-button-container {
padding: 15px 25px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
}
}