You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
lean4game/client/src/components/infoview/infoview.css

78 lines
1.2 KiB
CSS

.message {
margin: 10px 0;
padding: 5px 10px;
border-radius: 3px 3px 3px 3px;
}
.message.information {
color: #059;
background-color: #BEF;
}
.message.warning {
color: #9F6000;
background-color: #FEEFB3;
}
.message.error {
color: #D8000C;
background-color: #FFBABA;
}
.hyp-group {
margin-bottom: 0.3em;
}
.hyp-group-title, .goal-title {
font-family: var(--ff-primary);
font-size: 1.2rem;
}
.goals-section-title {
font-size: 1.5rem;
font-weight: 500;
}
.level-completed {
font-size: 1.8rem;
font-weight: 500;
}
.command-line {
background: var(--clr-primary);
padding: 0.5em;
font-family: var(--ff-primary);
border-radius: 0.2em;
margin: 0.2em 0;
}
.command-line form {
display: flex;
}
.command-line button {
display: block;
white-space: nowrap;
flex: 0;
}
.command-line .command-line-input-wrapper{
min-width: 0;
flex: 1;
padding: 0.4em .6em 0;
font-size: 1rem;
background: white;
display: flex;
flex-direction: column;
}
.command-line .command-line-input{
flex: 1;
}
/* Turn off some monaco decorations: */
.command-line-input .monaco-editor .view-overlays .current-line {
border: 0;
}
.command-line-input .monaco-editor .scroll-decoration {
box-shadow: none;
}