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;
101 text-transform: uppercase;
103 margin-bottom: 0.2em;
105 display: inline-block;
109 label.radio, label.checkbox {
112 input[type="radio"], input[type="checkbox"] {
117 label.inline.checkbox {
122 margin-bottom: 0.8em;
133 input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="search"], input[type="url"], input[type="password"], select, textarea {
142 display: inline-block;
143 background-color: #BBB;
148 transition: all ease-in-out 120ms;
160 background-color: #fafafa;
161 border: 1px solid #CCC;
162 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);
163 transition: all ease-in-out 120ms;
166 background-color: rgba($positive, 0.4);
169 background-color: $positive;
170 border: darken($positive, 20%);
174 .toggle-switch-checkbox {
177 input:checked + .toggle-switch {
178 background-color: rgba($positive, 0.4);
181 background-color: $positive;
182 border: darken($positive, 20%);
196 .text-pos, .text-neg {
201 .form-group[collapsible] {
205 border-top: 1px solid #DDD;
206 border-bottom: 1px solid #DDD;
212 .collapse-title, .collapse-title label {
215 .collapse-title label {
220 .collapse-title label:before {
221 display: inline-block;
224 transition: all ease-in-out 400ms;
225 transform: rotate(0);
231 &.open .collapse-title label:before {
232 transform: rotate(90deg);
236 .inline-input-style {
242 .title-input input[type="text"] {
243 @extend .inline-input-style;
248 .title-input.page-title {
267 .description-input textarea {
268 @extend .inline-input-style;
274 div[editor-type="markdown"] .title-input.page-title input[type="text"] {
282 background-color: transparent;
301 border-bottom: 2px solid #DDD;
305 border-bottom: 2px solid #AAA;
310 #login-form label[for="remember"] {
313 #login-form label.toggle-switch {
318 background-color: #BBB;