3 background-color: #FFF;
5 border: 1px solid #D4D4D4;
13 border: 1px solid $negative;
16 border: 1px solid $positive;
18 &.disabled, &[disabled] {
19 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMUlEQVQIW2NkwAGuXbv2nxGbHEhCS0uLEUMSJgHShCKJLIEiiS4Bl8QmAZbEJQGSBAC62BuJ+tt7zgAAAABJRU5ErkJggg==);
38 #markdown-editor-input {
52 .markdown-display, .markdown-editor-wrap {
56 .markdown-editor-wrap {
58 flex-direction: column;
59 border: 1px solid #DDD;
74 [drawio-diagram]:hover {
75 outline: 2px solid $primary;
84 border-bottom: 1px solid #DDD;
85 background-color: #EEE;
102 margin-bottom: 0.2em;
104 display: inline-block;
108 label.radio, label.checkbox {
111 input[type="radio"], input[type="checkbox"] {
116 label.inline.checkbox {
121 margin-bottom: 0.8em;
132 input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="search"], input[type="url"], input[type="password"], select, textarea {
141 display: inline-block;
142 background-color: #BBB;
147 transition: all ease-in-out 120ms;
159 background-color: #fafafa;
160 border: 1px solid #CCC;
161 box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
162 transition: all ease-in-out 120ms;
165 background-color: rgba($positive, 0.4);
168 background-color: $positive;
169 border: darken($positive, 20%);
173 .toggle-switch-checkbox {
176 input:checked + .toggle-switch {
177 background-color: rgba($positive, 0.4);
180 background-color: $positive;
181 border: darken($positive, 20%);
195 background-color: #F8F8F8;
196 font-family: monospace;
202 .text-pos, .text-neg {
207 .form-group[collapsible] {
211 border-top: 1px solid #DDD;
212 border-bottom: 1px solid #DDD;
218 .collapse-title, .collapse-title label {
221 .collapse-title label {
226 .collapse-title label:before {
227 display: inline-block;
230 transition: all ease-in-out 400ms;
231 transform: rotate(0);
237 &.open .collapse-title label:before {
238 transform: rotate(90deg);
240 &+.form-group[collapsible] {
241 margin-top: -($-s + 1);
245 .inline-input-style {
251 .title-input input[type="text"] {
252 @extend .inline-input-style;
257 .title-input.page-title {
276 .description-input textarea {
277 @extend .inline-input-style;
283 div[editor-type="markdown"] .title-input.page-title input[type="text"] {
291 background-color: transparent;
310 border-bottom: 2px solid #DDD;
314 border-bottom: 2px solid #AAA;
319 #login-form label[for="remember"] {
322 #login-form label.toggle-switch {
327 background-color: #BBB;