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;
72 [drawio-diagram]:hover {
73 outline: 2px solid $primary;
82 border-bottom: 1px solid #DDD;
83 background-color: #EEE;
99 text-transform: uppercase;
101 margin-bottom: 0.2em;
103 display: inline-block;
107 label.radio, label.checkbox {
110 input[type="radio"], input[type="checkbox"] {
115 label.inline.checkbox {
120 margin-bottom: 0.8em;
131 input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="search"], input[type="url"], input[type="password"], select, textarea {
140 display: inline-block;
141 background-color: #BBB;
146 transition: all ease-in-out 120ms;
158 background-color: #fafafa;
159 border: 1px solid #CCC;
160 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);
161 transition: all ease-in-out 120ms;
164 background-color: rgba($positive, 0.4);
167 background-color: $positive;
168 border: darken($positive, 20%);
172 .toggle-switch-checkbox {
175 input:checked + .toggle-switch {
176 background-color: rgba($positive, 0.4);
179 background-color: $positive;
180 border: darken($positive, 20%);
194 .text-pos, .text-neg {
199 .form-group[collapsible] {
203 border-top: 1px solid #DDD;
204 border-bottom: 1px solid #DDD;
210 .collapse-title, .collapse-title label {
213 .collapse-title label {
218 .collapse-title label:before {
219 display: inline-block;
222 transition: all ease-in-out 400ms;
223 transform: rotate(0);
229 &.open .collapse-title label:before {
230 transform: rotate(90deg);
234 .inline-input-style {
240 .title-input input[type="text"] {
241 @extend .inline-input-style;
246 .title-input.page-title {
265 .description-input textarea {
266 @extend .inline-input-style;
272 div[editor-type="markdown"] .title-input.page-title input[type="text"] {
280 background-color: transparent;
299 border-bottom: 2px solid #DDD;
303 border-bottom: 2px solid #AAA;
308 #login-form label[for="remember"] {
311 #login-form label.toggle-switch {
316 background-color: #BBB;