survey-react 1.9.89 → 1.9.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/defaultV2.css +684 -732
- package/defaultV2.css.map +1 -1
- package/defaultV2.min.css +2 -2
- package/modern.css +255 -325
- package/modern.css.map +1 -1
- package/modern.min.css +2 -2
- package/package.json +1 -1
- package/survey.css +47 -47
- package/survey.css.map +1 -1
- package/survey.min.css +2 -2
- package/survey.react.d.ts +803 -720
- package/survey.react.js +816 -1415
- package/survey.react.js.map +1 -1
- package/survey.react.min.js +3 -3
package/defaultV2.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* surveyjs - Survey JavaScript library v1.9.
|
|
2
|
+
* surveyjs - Survey JavaScript library v1.9.91
|
|
3
3
|
* Copyright (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
5
5
|
*/
|
|
@@ -243,11 +243,11 @@
|
|
|
243
243
|
}
|
|
244
244
|
|
|
245
245
|
.sv-action-bar--default-size-mode .sv-action-bar-separator {
|
|
246
|
-
margin: 0 calc(1 * var(--base-unit, 8px));
|
|
246
|
+
margin: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
247
247
|
}
|
|
248
248
|
|
|
249
249
|
.sv-action-bar--small-size-mode .sv-action-bar-separator {
|
|
250
|
-
margin: 0 calc(0.5 * var(--base-unit, 8px));
|
|
250
|
+
margin: 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
251
251
|
}
|
|
252
252
|
|
|
253
253
|
.sv-action-bar-item {
|
|
@@ -255,7 +255,7 @@
|
|
|
255
255
|
-moz-appearance: none;
|
|
256
256
|
appearance: none;
|
|
257
257
|
display: flex;
|
|
258
|
-
padding: calc(1 * var(--base-unit, 8px));
|
|
258
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
259
259
|
box-sizing: border-box;
|
|
260
260
|
border: none;
|
|
261
261
|
border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));
|
|
@@ -272,17 +272,17 @@ button.sv-action-bar-item {
|
|
|
272
272
|
}
|
|
273
273
|
|
|
274
274
|
.sv-action-bar--default-size-mode .sv-action-bar-item {
|
|
275
|
-
height: calc(5 * var(--base-unit, 8px));
|
|
276
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
277
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
278
|
-
margin: 0 calc(1 * var(--base-unit, 8px));
|
|
275
|
+
height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
276
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
277
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
278
|
+
margin: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
279
279
|
}
|
|
280
280
|
|
|
281
281
|
.sv-action-bar--small-size-mode .sv-action-bar-item {
|
|
282
|
-
height: calc(4 * var(--base-unit, 8px));
|
|
283
|
-
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
284
|
-
line-height: calc(2 * var(--base-unit, 8px));
|
|
285
|
-
margin: 0 calc(0.5 * var(--base-unit, 8px));
|
|
282
|
+
height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
283
|
+
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
284
|
+
line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
285
|
+
margin: 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
286
286
|
}
|
|
287
287
|
|
|
288
288
|
.sv-action:first-of-type .sv-action-bar-item {
|
|
@@ -294,11 +294,11 @@ button.sv-action-bar-item {
|
|
|
294
294
|
}
|
|
295
295
|
|
|
296
296
|
.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {
|
|
297
|
-
margin-inline-start: calc(1 * var(--base-unit, 8px));
|
|
297
|
+
margin-inline-start: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
298
298
|
}
|
|
299
299
|
|
|
300
300
|
.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {
|
|
301
|
-
margin-inline-start: calc(0.5 * var(--base-unit, 8px));
|
|
301
|
+
margin-inline-start: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
302
302
|
}
|
|
303
303
|
|
|
304
304
|
.sv-action-bar-item__icon svg {
|
|
@@ -311,7 +311,7 @@ button.sv-action-bar-item {
|
|
|
311
311
|
.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,
|
|
312
312
|
.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {
|
|
313
313
|
outline: none;
|
|
314
|
-
background-color: var(--background-dim, #f3f3f3);
|
|
314
|
+
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
315
315
|
}
|
|
316
316
|
|
|
317
317
|
.sv-action-bar-item--active.sv-action-bar-item--pressed:focus, .sv-action-bar-item--active.sv-action-bar-item--pressed:focus-visible {
|
|
@@ -334,7 +334,7 @@ button.sv-action-bar-item {
|
|
|
334
334
|
}
|
|
335
335
|
|
|
336
336
|
.sv-action-bar-item--secondary .sv-action-bar-item__icon use {
|
|
337
|
-
fill: var(--secondary, #ff9814);
|
|
337
|
+
fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
338
338
|
}
|
|
339
339
|
|
|
340
340
|
.sv-action-bar-item--active .sv-action-bar-item__icon use {
|
|
@@ -346,15 +346,15 @@ button.sv-action-bar-item {
|
|
|
346
346
|
-moz-appearance: none;
|
|
347
347
|
appearance: none;
|
|
348
348
|
display: flex;
|
|
349
|
-
height: calc(5 * var(--base-unit, 8px));
|
|
350
|
-
padding: calc(1 * var(--base-unit, 8px));
|
|
349
|
+
height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
350
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
351
351
|
box-sizing: border-box;
|
|
352
352
|
border: none;
|
|
353
353
|
border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));
|
|
354
354
|
background-color: transparent;
|
|
355
355
|
cursor: pointer;
|
|
356
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
357
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
356
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
357
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
358
358
|
font-family: var(--font-family, var(--font-family));
|
|
359
359
|
}
|
|
360
360
|
|
|
@@ -405,44 +405,44 @@ button.sv-action-bar-item {
|
|
|
405
405
|
}
|
|
406
406
|
|
|
407
407
|
.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {
|
|
408
|
-
background-color: var(--background-dim, #f3f3f3);
|
|
408
|
+
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
409
409
|
opacity: 50%;
|
|
410
410
|
}
|
|
411
411
|
|
|
412
412
|
.sv-dragged-element-shortcut {
|
|
413
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
414
|
-
min-width: calc(12.5 * var(--base-unit, 8px));
|
|
415
|
-
border-radius: calc(4.5 * var(--base-unit, 8px));
|
|
416
|
-
background-color: var(--background, #fff);
|
|
417
|
-
padding: calc(2 * var(--base-unit, 8px));
|
|
413
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
414
|
+
min-width: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
415
|
+
border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
416
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
417
|
+
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
418
418
|
cursor: grabbing;
|
|
419
419
|
position: absolute;
|
|
420
|
-
z-index:
|
|
420
|
+
z-index: 10000;
|
|
421
421
|
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
|
|
422
422
|
font-family: var(--font-family, var(--font-family));
|
|
423
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
424
|
-
padding-left: calc(2.5 * var(--base-unit, 8px));
|
|
425
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
423
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
424
|
+
padding-left: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
425
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
426
426
|
}
|
|
427
427
|
|
|
428
428
|
.sv-matrixdynamic__drag-icon {
|
|
429
|
-
padding-top: calc(1.75 * var(--base-unit, 8px));
|
|
429
|
+
padding-top: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
430
430
|
}
|
|
431
431
|
|
|
432
432
|
.sv-matrixdynamic__drag-icon:after {
|
|
433
433
|
content: " ";
|
|
434
434
|
display: block;
|
|
435
|
-
height: calc(0.75 * var(--base-unit, 8px));
|
|
436
|
-
width: calc(2.5 * var(--base-unit, 8px));
|
|
435
|
+
height: calc(0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
436
|
+
width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
437
437
|
border: 1px solid #e7e7e7;
|
|
438
438
|
box-sizing: border-box;
|
|
439
|
-
border-radius: calc(1.25 * var(--base-unit, 8px));
|
|
439
|
+
border-radius: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
440
440
|
cursor: move;
|
|
441
|
-
margin-top: calc(1.5 * var(--base-unit, 8px));
|
|
441
|
+
margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
442
442
|
}
|
|
443
443
|
|
|
444
444
|
.sv-matrix-row--drag-drop-ghost-mod td {
|
|
445
|
-
background-color: var(--background-dim, #f3f3f3);
|
|
445
|
+
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
446
446
|
}
|
|
447
447
|
|
|
448
448
|
.sv-matrix-row--drag-drop-ghost-mod td > * {
|
|
@@ -482,7 +482,7 @@ sv-popup {
|
|
|
482
482
|
}
|
|
483
483
|
|
|
484
484
|
.sv-popup__body-content {
|
|
485
|
-
background-color: var(--background, #fff);
|
|
485
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
486
486
|
border-radius: calc(1 * var(--sjs-corner-radius, 4px));
|
|
487
487
|
width: 100%;
|
|
488
488
|
height: 100%;
|
|
@@ -498,14 +498,14 @@ sv-popup {
|
|
|
498
498
|
align-items: center;
|
|
499
499
|
justify-content: center;
|
|
500
500
|
background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
|
|
501
|
-
padding: calc(11 * var(--base-unit, 8px)) calc(15 * var(--base-unit, 8px));
|
|
501
|
+
padding: calc(11 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
502
502
|
box-sizing: border-box;
|
|
503
503
|
}
|
|
504
504
|
.sv-popup.sv-popup--modal .sv-popup__container {
|
|
505
505
|
position: static;
|
|
506
506
|
}
|
|
507
507
|
.sv-popup.sv-popup--modal .sv-popup__body-content {
|
|
508
|
-
padding: calc(4 * var(--base-unit, 8px));
|
|
508
|
+
padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
509
509
|
height: auto;
|
|
510
510
|
}
|
|
511
511
|
|
|
@@ -516,26 +516,26 @@ sv-popup {
|
|
|
516
516
|
.sv-popup--overlay.sv-popup--overlay .sv-popup__container {
|
|
517
517
|
background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
|
|
518
518
|
max-width: 100vw;
|
|
519
|
-
max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--base-unit, 8px));
|
|
520
|
-
height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--base-unit, 8px));
|
|
519
|
+
max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
520
|
+
height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
521
521
|
width: 100%;
|
|
522
|
-
padding-top: calc(2 * var(--base-unit, 8px));
|
|
522
|
+
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
523
523
|
border: unset;
|
|
524
524
|
}
|
|
525
525
|
.sv-popup--overlay.sv-popup--overlay .sv-popup__body-content {
|
|
526
526
|
max-height: var(--sv-popup-overlay-height, 100vh);
|
|
527
527
|
max-width: 100vw;
|
|
528
528
|
border-radius: calc(4 * var(--sjs-corner-radius, 4px)) calc(4 * var(--sjs-corner-radius, 4px)) 0px 0px;
|
|
529
|
-
background: var(--background, #fff);
|
|
530
|
-
box-shadow: 0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.1);
|
|
531
|
-
padding: calc(3 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
|
|
532
|
-
height: calc(100% - (1 * var(--base-unit, 8px)));
|
|
529
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
530
|
+
box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1);
|
|
531
|
+
padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
532
|
+
height: calc(100% - (1 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
533
533
|
}
|
|
534
534
|
.sv-popup--overlay.sv-popup--overlay .sv-popup__scrolling-content {
|
|
535
535
|
height: calc(100% - 10 * var(--base-unit, 8px));
|
|
536
536
|
}
|
|
537
537
|
.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer {
|
|
538
|
-
margin-top: calc(2 * var(--base-unit, 8px));
|
|
538
|
+
margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
539
539
|
}
|
|
540
540
|
.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {
|
|
541
541
|
width: 100%;
|
|
@@ -567,7 +567,7 @@ sv-popup {
|
|
|
567
567
|
.sv-popup__scrolling-content *::-webkit-scrollbar {
|
|
568
568
|
height: 6px;
|
|
569
569
|
width: 6px;
|
|
570
|
-
background-color: var(--background-dim, #f3f3f3);
|
|
570
|
+
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
571
571
|
}
|
|
572
572
|
.sv-popup__scrolling-content::-webkit-scrollbar-thumb,
|
|
573
573
|
.sv-popup__scrolling-content *::-webkit-scrollbar-thumb {
|
|
@@ -583,22 +583,22 @@ sv-popup {
|
|
|
583
583
|
}
|
|
584
584
|
|
|
585
585
|
.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer {
|
|
586
|
-
transform: translate(calc(-1 * var(--base-unit, 8px))) rotate(180deg);
|
|
586
|
+
transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)))) rotate(180deg);
|
|
587
587
|
}
|
|
588
588
|
|
|
589
589
|
.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {
|
|
590
|
-
transform: translate(calc(-1 * var(--base-unit, 8px)), calc(-1 * var(--base-unit, 8px)));
|
|
590
|
+
transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))), calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
591
591
|
}
|
|
592
592
|
|
|
593
593
|
.sv-popup--show-pointer.sv-popup--right {
|
|
594
|
-
transform: translate(calc(1 * var(--base-unit, 8px)));
|
|
594
|
+
transform: translate(calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
595
595
|
}
|
|
596
596
|
.sv-popup--show-pointer.sv-popup--right .sv-popup__pointer {
|
|
597
597
|
transform: translate(-12px, -4px) rotate(-90deg);
|
|
598
598
|
}
|
|
599
599
|
|
|
600
600
|
.sv-popup--show-pointer.sv-popup--left {
|
|
601
|
-
transform: translate(calc(-1 * var(--base-unit, 8px)));
|
|
601
|
+
transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
602
602
|
}
|
|
603
603
|
.sv-popup--show-pointer.sv-popup--left .sv-popup__pointer {
|
|
604
604
|
transform: translate(-4px, -4px) rotate(90deg);
|
|
@@ -613,79 +613,42 @@ sv-popup {
|
|
|
613
613
|
display: block;
|
|
614
614
|
width: 0;
|
|
615
615
|
height: 0;
|
|
616
|
-
border-left: calc(1 * var(--base-unit, 8px)) solid transparent;
|
|
617
|
-
border-right: calc(1 * var(--base-unit, 8px)) solid transparent;
|
|
618
|
-
border-bottom: calc(1 * var(--base-unit, 8px)) solid var(--background, #fff);
|
|
616
|
+
border-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;
|
|
617
|
+
border-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;
|
|
618
|
+
border-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-general-backcolor, var(--background, #fff));
|
|
619
619
|
align-self: center;
|
|
620
620
|
}
|
|
621
621
|
|
|
622
622
|
.sv-popup__body-header {
|
|
623
623
|
font-family: Open Sans;
|
|
624
|
-
font-size: calc(1.5 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
625
|
-
line-height: calc(4 * var(--base-unit, 8px));
|
|
624
|
+
font-size: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
625
|
+
line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
626
626
|
font-style: normal;
|
|
627
627
|
font-weight: 700;
|
|
628
|
-
margin-bottom: calc(2 * var(--base-unit, 8px));
|
|
628
|
+
margin-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
629
629
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
630
630
|
}
|
|
631
631
|
|
|
632
632
|
.sv-popup__body-footer {
|
|
633
633
|
display: flex;
|
|
634
|
-
margin-top: calc(4 * var(--base-unit, 8px));
|
|
634
|
+
margin-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
635
635
|
}
|
|
636
636
|
|
|
637
637
|
.sv-popup__body-footer .sv-action-bar {
|
|
638
|
-
gap: calc(1.5 * var(--base-unit, 8px));
|
|
638
|
+
gap: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
639
639
|
}
|
|
640
640
|
|
|
641
641
|
.sv-popup__button {
|
|
642
|
-
|
|
643
|
-
background: var(--background, #fff);
|
|
644
|
-
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
645
|
-
border-radius: calc(1 * var(--sjs-corner-radius, 4px));
|
|
646
|
-
margin: 2px;
|
|
647
|
-
cursor: pointer;
|
|
648
|
-
font-family: var(--font-family, var(--font-family));
|
|
649
|
-
font-style: normal;
|
|
650
|
-
font-weight: 600;
|
|
651
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
652
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
653
|
-
text-align: center;
|
|
654
|
-
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
655
|
-
border: none;
|
|
656
|
-
outline: none;
|
|
657
|
-
}
|
|
658
|
-
|
|
659
|
-
.sv-popup__button:hover {
|
|
660
|
-
box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
661
|
-
}
|
|
662
|
-
|
|
663
|
-
.sv-popup__button:disabled {
|
|
664
|
-
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
665
|
-
opacity: 0.25;
|
|
666
|
-
cursor: default;
|
|
667
|
-
}
|
|
668
|
-
|
|
669
|
-
.sv-popup__button:disabled:hover {
|
|
670
|
-
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
671
|
-
}
|
|
672
|
-
|
|
673
|
-
.sv-popup__button--apply {
|
|
674
|
-
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
675
|
-
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
676
|
-
}
|
|
677
|
-
|
|
678
|
-
.sv-popup__button--apply:disabled {
|
|
679
|
-
background-color: var(--background-dim, #f3f3f3);
|
|
642
|
+
margin: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
680
643
|
}
|
|
681
644
|
|
|
682
645
|
.sv-popup--modal .sv-list__filter,
|
|
683
646
|
.sv-popup--overlay .sv-list__filter {
|
|
684
|
-
padding-top: calc(1 * var(--base-unit, 8px));
|
|
647
|
+
padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
685
648
|
}
|
|
686
649
|
.sv-popup--modal .sv-list__filter-icon,
|
|
687
650
|
.sv-popup--overlay .sv-list__filter-icon {
|
|
688
|
-
top: calc(2.5 * var(--base-unit, 8px));
|
|
651
|
+
top: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
689
652
|
}
|
|
690
653
|
|
|
691
654
|
.sv-dropdown-popup.sv-popup--overlay {
|
|
@@ -704,8 +667,8 @@ sv-popup {
|
|
|
704
667
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
705
668
|
border: none;
|
|
706
669
|
box-shadow: none;
|
|
707
|
-
padding: calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
|
|
708
|
-
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
670
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
671
|
+
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
709
672
|
margin: 0;
|
|
710
673
|
}
|
|
711
674
|
.sv-dropdown-popup.sv-popup--overlay .sv-popup__container {
|
|
@@ -717,43 +680,43 @@ sv-popup {
|
|
|
717
680
|
height: calc(var(--sv-popup-overlay-height, 100vh));
|
|
718
681
|
}
|
|
719
682
|
.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer {
|
|
720
|
-
background-color: var(--background-dim-light, #f9f9f9);
|
|
683
|
+
background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
721
684
|
margin-top: 0;
|
|
722
|
-
padding-top: calc(0.5 * var(--base-unit, 8px));
|
|
723
|
-
padding-bottom: calc(0.5 * var(--base-unit, 8px));
|
|
685
|
+
padding-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
686
|
+
padding-bottom: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
724
687
|
border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
725
688
|
}
|
|
726
689
|
.sv-dropdown-popup.sv-popup--overlay .sv-popup__scrolling-content {
|
|
727
690
|
height: calc(100% - 6 * var(--base-unit, 8px));
|
|
728
691
|
}
|
|
729
692
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon .sv-svg-icon {
|
|
730
|
-
width: calc(2 * var(--base-unit, 8px));
|
|
731
|
-
height: calc(2 * var(--base-unit, 8px));
|
|
693
|
+
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
694
|
+
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
732
695
|
}
|
|
733
696
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__container {
|
|
734
697
|
padding: 0;
|
|
735
698
|
}
|
|
736
699
|
.sv-dropdown-popup.sv-popup--overlay .sv-list {
|
|
737
700
|
flex-grow: 1;
|
|
738
|
-
padding: calc(0.5 * var(--base-unit, 8px));
|
|
701
|
+
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
739
702
|
}
|
|
740
703
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter {
|
|
741
704
|
display: flex;
|
|
742
705
|
align-items: center;
|
|
743
|
-
padding: calc(0.5 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px)) calc(0.5 * var(--base-unit, 8px)) calc(2.5 * var(--base-unit, 8px));
|
|
706
|
+
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
744
707
|
}
|
|
745
708
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon {
|
|
746
709
|
position: static;
|
|
747
|
-
top: calc(1.5 * var(--base-unit, 8px));
|
|
748
|
-
height: calc(2 * var(--base-unit, 8px));
|
|
710
|
+
top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
711
|
+
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
749
712
|
}
|
|
750
713
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__empty-container {
|
|
751
714
|
display: flex;
|
|
752
715
|
flex-direction: column;
|
|
753
716
|
justify-content: center;
|
|
754
717
|
flex-grow: 1;
|
|
755
|
-
padding: calc(1 * var(--base-unit, 8px)) calc(0.5 * var(--base-unit, 8px));
|
|
756
|
-
background-color: var(--background, #fff);
|
|
718
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
719
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
757
720
|
}
|
|
758
721
|
.sv-dropdown-popup.sv-popup--overlay .sv-popup__button:disabled {
|
|
759
722
|
pointer-events: none;
|
|
@@ -761,32 +724,32 @@ sv-popup {
|
|
|
761
724
|
opacity: 0.25;
|
|
762
725
|
}
|
|
763
726
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button {
|
|
764
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
765
|
-
width: calc(3 * var(--base-unit, 8px));
|
|
766
|
-
padding: calc(0.5 * var(--base-unit, 8px));
|
|
727
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
728
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
729
|
+
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
767
730
|
appearance: none;
|
|
768
731
|
border: none;
|
|
769
732
|
border-radius: 100%;
|
|
770
733
|
background-color: transparent;
|
|
771
734
|
}
|
|
772
735
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg {
|
|
773
|
-
height: calc(2 * var(--base-unit, 8px));
|
|
774
|
-
width: calc(2 * var(--base-unit, 8px));
|
|
736
|
+
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
737
|
+
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
775
738
|
}
|
|
776
739
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg use {
|
|
777
740
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
778
741
|
}
|
|
779
742
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__input {
|
|
780
743
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
781
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
782
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
744
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
745
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
783
746
|
font-family: var(--font-family);
|
|
784
|
-
padding: calc(0.5 * var(--base-unit, 8px)) 0 calc(0.5 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px));
|
|
747
|
+
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
785
748
|
}
|
|
786
749
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover .sv-list__item-body,
|
|
787
750
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus .sv-list__item-body,
|
|
788
751
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused .sv-list__item-body {
|
|
789
|
-
background: var(--background, #fff);
|
|
752
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
790
753
|
}
|
|
791
754
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,
|
|
792
755
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,
|
|
@@ -803,17 +766,17 @@ sv-popup {
|
|
|
803
766
|
}
|
|
804
767
|
|
|
805
768
|
.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-popup__body-content {
|
|
806
|
-
--sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--base-unit, 8px) * 8);
|
|
807
|
-
--sv-popup-overlay-max-width: calc(100% - var(--base-unit, 8px) * 8);
|
|
769
|
+
--sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
|
|
770
|
+
--sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
|
|
808
771
|
position: absolute;
|
|
809
772
|
transform: translate(-50%, -50%);
|
|
810
773
|
left: 50%;
|
|
811
774
|
top: 50%;
|
|
812
775
|
max-height: var(--sv-popup-overlay-max-height);
|
|
813
|
-
min-height: min(var(--sv-popup-overlay-max-height), 31 * var(--base-unit, 8px));
|
|
776
|
+
min-height: min(var(--sv-popup-overlay-max-height), 31 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
814
777
|
height: auto;
|
|
815
778
|
width: auto;
|
|
816
|
-
min-width: min(40 * var(--base-unit, 8px), var(--sv-popup-overlay-max-width));
|
|
779
|
+
min-width: min(40 * var(--sjs-base-unit, var(--base-unit, 8px)), var(--sv-popup-overlay-max-width));
|
|
817
780
|
max-width: var(--sv-popup-overlay-max-width);
|
|
818
781
|
border-radius: calc(1 * var(--sjs-corner-radius, 4px));
|
|
819
782
|
overflow: hidden;
|
|
@@ -829,7 +792,7 @@ sv-popup {
|
|
|
829
792
|
display: flex;
|
|
830
793
|
align-items: center;
|
|
831
794
|
flex-direction: row;
|
|
832
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
795
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
833
796
|
overflow: auto;
|
|
834
797
|
border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
|
|
835
798
|
}
|
|
@@ -847,12 +810,12 @@ sv-popup {
|
|
|
847
810
|
align-items: center;
|
|
848
811
|
appearance: none;
|
|
849
812
|
width: 100%;
|
|
850
|
-
padding: 11px calc(2 * var(--base-unit, 8px));
|
|
851
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
813
|
+
padding: 11px calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
814
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
852
815
|
outline: none;
|
|
853
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
816
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
854
817
|
font-weight: 400;
|
|
855
|
-
background: var(--background, #fff);
|
|
818
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
856
819
|
cursor: pointer;
|
|
857
820
|
overflow: hidden;
|
|
858
821
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
@@ -863,12 +826,12 @@ sv-popup {
|
|
|
863
826
|
}
|
|
864
827
|
|
|
865
828
|
.sv-button-group__item--hover:hover {
|
|
866
|
-
background-color: var(--background-dim, #f3f3f3);
|
|
829
|
+
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
867
830
|
}
|
|
868
831
|
|
|
869
832
|
.sv-button-group__item-icon {
|
|
870
833
|
display: block;
|
|
871
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
834
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
872
835
|
}
|
|
873
836
|
.sv-button-group__item-icon use {
|
|
874
837
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -882,7 +845,7 @@ sv-popup {
|
|
|
882
845
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
883
846
|
}
|
|
884
847
|
.sv-button-group__item--selected:hover {
|
|
885
|
-
background-color: var(--background, #fff);
|
|
848
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
886
849
|
}
|
|
887
850
|
|
|
888
851
|
.sv-button-group__item-decorator {
|
|
@@ -899,7 +862,7 @@ sv-popup {
|
|
|
899
862
|
}
|
|
900
863
|
|
|
901
864
|
.sv-button-group__item-icon + .sv-button-group__item-caption {
|
|
902
|
-
margin-left: calc(1 * var(--base-unit, 8px));
|
|
865
|
+
margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
903
866
|
}
|
|
904
867
|
|
|
905
868
|
.sv-button-group__item--disabled {
|
|
@@ -911,7 +874,7 @@ sv-popup {
|
|
|
911
874
|
fill: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
912
875
|
}
|
|
913
876
|
.sv-button-group__item--disabled:hover {
|
|
914
|
-
background-color: var(--background, #fff);
|
|
877
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
915
878
|
}
|
|
916
879
|
|
|
917
880
|
.sv-button-group:focus-within {
|
|
@@ -967,7 +930,7 @@ sv-popup {
|
|
|
967
930
|
background-color: cadetblue;
|
|
968
931
|
padding: 1px;
|
|
969
932
|
font-family: var(--font-family, var(--font-family));
|
|
970
|
-
font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
933
|
+
font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
971
934
|
font-style: normal;
|
|
972
935
|
font-weight: 400;
|
|
973
936
|
line-height: 1.42857143;
|
|
@@ -996,7 +959,7 @@ sv-popup {
|
|
|
996
959
|
.sv_window_title {
|
|
997
960
|
padding: 8px 14px;
|
|
998
961
|
margin: 0;
|
|
999
|
-
font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
962
|
+
font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1000
963
|
background-color: #f7f7f7;
|
|
1001
964
|
border-bottom: 1px solid #ebebeb;
|
|
1002
965
|
border-radius: calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px)) 0 0;
|
|
@@ -1013,7 +976,7 @@ sv-popup {
|
|
|
1013
976
|
.sv_window_title a:link,
|
|
1014
977
|
.sv_window_title a:visited {
|
|
1015
978
|
text-decoration: none;
|
|
1016
|
-
font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
979
|
+
font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1017
980
|
font-style: normal;
|
|
1018
981
|
color: black;
|
|
1019
982
|
}
|
|
@@ -1034,8 +997,8 @@ sv-popup {
|
|
|
1034
997
|
|
|
1035
998
|
.sv-brand-info__text {
|
|
1036
999
|
font-weight: 600;
|
|
1037
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1038
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
1000
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1001
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1039
1002
|
color: #161616;
|
|
1040
1003
|
}
|
|
1041
1004
|
|
|
@@ -1048,8 +1011,8 @@ sv-popup {
|
|
|
1048
1011
|
|
|
1049
1012
|
.sv-brand-info__terms {
|
|
1050
1013
|
font-weight: 400;
|
|
1051
|
-
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1052
|
-
line-height: calc(2 * var(--base-unit, 8px));
|
|
1014
|
+
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1015
|
+
line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1053
1016
|
}
|
|
1054
1017
|
.sv-brand-info__terms a {
|
|
1055
1018
|
color: #909090;
|
|
@@ -1084,21 +1047,21 @@ sv-popup {
|
|
|
1084
1047
|
|
|
1085
1048
|
.sv-ranking-item:focus .sv-ranking-item__icon--focus {
|
|
1086
1049
|
visibility: visible;
|
|
1087
|
-
top: calc(0.6 * var(--base-unit, 8px));
|
|
1088
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
1050
|
+
top: calc(0.6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1051
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1089
1052
|
}
|
|
1090
1053
|
|
|
1091
1054
|
.sv-ranking-item:focus .sv-ranking-item__index {
|
|
1092
|
-
background: var(--background, #fff);
|
|
1093
|
-
outline: calc(0.25 * var(--base-unit, 8px)) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1055
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1056
|
+
outline: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1094
1057
|
}
|
|
1095
1058
|
|
|
1096
1059
|
.sv-ranking-item__content.sv-ranking-item__content {
|
|
1097
1060
|
display: flex;
|
|
1098
1061
|
align-items: center;
|
|
1099
1062
|
line-height: 1em;
|
|
1100
|
-
padding: calc(0.5 * var(--base-unit, 8px)) 0px;
|
|
1101
|
-
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
1063
|
+
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
|
|
1064
|
+
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1102
1065
|
}
|
|
1103
1066
|
|
|
1104
1067
|
.sv-ranking-item__icon-container {
|
|
@@ -1107,17 +1070,17 @@ sv-popup {
|
|
|
1107
1070
|
top: 0;
|
|
1108
1071
|
bottom: 0;
|
|
1109
1072
|
flex-shrink: 0;
|
|
1110
|
-
width: calc(3 * var(--base-unit, 8px));
|
|
1111
|
-
height: calc(4 * var(--base-unit, 8px));
|
|
1073
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1074
|
+
height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1112
1075
|
}
|
|
1113
1076
|
|
|
1114
1077
|
.sv-ranking-item__icon.sv-ranking-item__icon {
|
|
1115
1078
|
visibility: hidden;
|
|
1116
1079
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1117
1080
|
position: absolute;
|
|
1118
|
-
top: calc(1 * var(--base-unit, 8px));
|
|
1119
|
-
width: calc(1.75 * var(--base-unit, 8px));
|
|
1120
|
-
height: calc(2 * var(--base-unit, 8px));
|
|
1081
|
+
top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1082
|
+
width: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1083
|
+
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1121
1084
|
}
|
|
1122
1085
|
|
|
1123
1086
|
.sv-ranking-item__index.sv-ranking-item__index {
|
|
@@ -1127,15 +1090,15 @@ sv-popup {
|
|
|
1127
1090
|
justify-content: center;
|
|
1128
1091
|
background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
1129
1092
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1130
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1093
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1131
1094
|
border-radius: 100%;
|
|
1132
|
-
border: calc(0.25 * var(--base-unit, 8px)) solid transparent;
|
|
1133
|
-
width: calc(5 * var(--base-unit, 8px));
|
|
1134
|
-
height: calc(5 * var(--base-unit, 8px));
|
|
1135
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
1095
|
+
border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;
|
|
1096
|
+
width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1097
|
+
height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1098
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1136
1099
|
box-sizing: border-box;
|
|
1137
1100
|
font-weight: 600;
|
|
1138
|
-
margin-left: calc(0 * var(--base-unit, 8px));
|
|
1101
|
+
margin-left: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1139
1102
|
}
|
|
1140
1103
|
.sv-ranking-item__index.sv-ranking-item__index.sv-ranking-item__index--empty:empty {
|
|
1141
1104
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC");
|
|
@@ -1149,9 +1112,9 @@ sv-popup {
|
|
|
1149
1112
|
text-overflow: ellipsis;
|
|
1150
1113
|
white-space: nowrap;
|
|
1151
1114
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1152
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1153
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
1154
|
-
margin: 0 calc(2 * var(--base-unit, 8px));
|
|
1115
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1116
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1117
|
+
margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1155
1118
|
}
|
|
1156
1119
|
|
|
1157
1120
|
.sd-ranking--disabled .sv-ranking-item__text {
|
|
@@ -1161,19 +1124,19 @@ sv-popup {
|
|
|
1161
1124
|
|
|
1162
1125
|
.sv-ranking-item__ghost.sv-ranking-item__ghost {
|
|
1163
1126
|
display: none;
|
|
1164
|
-
background-color: var(--background-dim, #f3f3f3);
|
|
1165
|
-
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
1166
|
-
padding: calc(0.5 * var(--base-unit, 8px)) 0px;
|
|
1167
|
-
width: calc(25 * var(--base-unit, 8px));
|
|
1168
|
-
height: calc(5 * var(--base-unit, 8px));
|
|
1127
|
+
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
1128
|
+
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1129
|
+
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
|
|
1130
|
+
width: calc(25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1131
|
+
height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1169
1132
|
z-index: 1;
|
|
1170
1133
|
position: absolute;
|
|
1171
|
-
left: calc(5 * var(--base-unit, 8px));
|
|
1134
|
+
left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1172
1135
|
}
|
|
1173
1136
|
|
|
1174
1137
|
[dir=rtl] .sv-ranking-item__ghost {
|
|
1175
1138
|
left: initilal;
|
|
1176
|
-
right: calc(5 * var(--base-unit, 8px));
|
|
1139
|
+
right: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1177
1140
|
}
|
|
1178
1141
|
|
|
1179
1142
|
.sv-ranking-item--ghost .sv-ranking-item__ghost {
|
|
@@ -1185,8 +1148,8 @@ sv-popup {
|
|
|
1185
1148
|
}
|
|
1186
1149
|
|
|
1187
1150
|
.sv-ranking-item--drag .sv-ranking-item__content {
|
|
1188
|
-
box-shadow: 0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.1);
|
|
1189
|
-
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
1151
|
+
box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1);
|
|
1152
|
+
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1190
1153
|
}
|
|
1191
1154
|
|
|
1192
1155
|
.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {
|
|
@@ -1234,7 +1197,7 @@ sv-popup {
|
|
|
1234
1197
|
}
|
|
1235
1198
|
|
|
1236
1199
|
.sv-ranking-shortcut .sv-ranking-item__text {
|
|
1237
|
-
margin-right: calc(4 * var(--base-unit, 8px));
|
|
1200
|
+
margin-right: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1238
1201
|
}
|
|
1239
1202
|
|
|
1240
1203
|
.sv-ranking-shortcut .sv-ranking-item__icon--hover {
|
|
@@ -1242,20 +1205,20 @@ sv-popup {
|
|
|
1242
1205
|
}
|
|
1243
1206
|
|
|
1244
1207
|
.sv-ranking-shortcut .sv-ranking-item__icon {
|
|
1245
|
-
width: calc(1.75 * var(--base-unit, 8px));
|
|
1246
|
-
height: calc(2 * var(--base-unit, 8px));
|
|
1247
|
-
top: calc(1 * var(--base-unit, 8px));
|
|
1208
|
+
width: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1209
|
+
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1210
|
+
top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1248
1211
|
}
|
|
1249
1212
|
|
|
1250
1213
|
.sv-ranking-shortcut .sv-ranking-item__icon-container {
|
|
1251
|
-
margin-left: calc(1 * var(--base-unit, 8px));
|
|
1214
|
+
margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1252
1215
|
}
|
|
1253
1216
|
|
|
1254
1217
|
.sv-list {
|
|
1255
1218
|
padding: 0;
|
|
1256
1219
|
margin: 0;
|
|
1257
1220
|
overflow-y: auto;
|
|
1258
|
-
background: var(--background, #fff);
|
|
1221
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1259
1222
|
font-family: var(--font-family, var(--font-family));
|
|
1260
1223
|
list-style-type: none;
|
|
1261
1224
|
}
|
|
@@ -1264,15 +1227,15 @@ sv-popup {
|
|
|
1264
1227
|
width: 100%;
|
|
1265
1228
|
font-family: var(--font-family, var(--font-family));
|
|
1266
1229
|
box-sizing: border-box;
|
|
1267
|
-
padding: calc(1.5 * var(--base-unit, 8px)) calc(8 * var(--base-unit, 8px));
|
|
1230
|
+
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1268
1231
|
overflow: hidden;
|
|
1269
1232
|
text-overflow: ellipsis;
|
|
1270
1233
|
white-space: nowrap;
|
|
1271
1234
|
}
|
|
1272
1235
|
|
|
1273
1236
|
.sv-list__empty-text {
|
|
1274
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
1275
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1237
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1238
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1276
1239
|
font-weight: 400;
|
|
1277
1240
|
text-align: center;
|
|
1278
1241
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -1293,12 +1256,12 @@ sv-popup {
|
|
|
1293
1256
|
width: 100%;
|
|
1294
1257
|
align-items: center;
|
|
1295
1258
|
box-sizing: border-box;
|
|
1296
|
-
padding-block: calc(1 * var(--base-unit, 8px));
|
|
1297
|
-
padding-inline-end: calc(8 * var(--base-unit, 8px));
|
|
1298
|
-
padding-inline-start: calc(2 * var(--base-unit, 8px));
|
|
1259
|
+
padding-block: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1260
|
+
padding-inline-end: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1261
|
+
padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1299
1262
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1300
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1301
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
1263
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1264
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1302
1265
|
cursor: pointer;
|
|
1303
1266
|
overflow: hidden;
|
|
1304
1267
|
text-overflow: ellipsis;
|
|
@@ -1309,14 +1272,14 @@ sv-popup {
|
|
|
1309
1272
|
outline: none;
|
|
1310
1273
|
}
|
|
1311
1274
|
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {
|
|
1312
|
-
border: calc(0.25 * var(--base-unit, 8px)) solid var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
1275
|
+
border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
1313
1276
|
border-radius: calc(1 * var(--sjs-corner-radius, 4px));
|
|
1314
|
-
padding-block: calc(0.75 * var(--base-unit, 8px));
|
|
1315
|
-
padding-inline-end: calc(7.75 * var(--base-unit, 8px));
|
|
1316
|
-
padding-inline-start: calc(1.75 * var(--base-unit, 8px));
|
|
1277
|
+
padding-block: calc(0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1278
|
+
padding-inline-end: calc(7.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1279
|
+
padding-inline-start: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1317
1280
|
}
|
|
1318
1281
|
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer {
|
|
1319
|
-
margin-inline-start: calc(-0.25 * var(--base-unit, 8px));
|
|
1282
|
+
margin-inline-start: calc(-0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1320
1283
|
}
|
|
1321
1284
|
|
|
1322
1285
|
.sv-list__item:hover,
|
|
@@ -1332,16 +1295,16 @@ sv-popup {
|
|
|
1332
1295
|
padding: 0;
|
|
1333
1296
|
}
|
|
1334
1297
|
.sv-list__item--with-icon.sv-list__item--with-icon .sv-list__item-body {
|
|
1335
|
-
padding-top: calc(1.5 * var(--base-unit, 8px));
|
|
1336
|
-
padding-bottom: calc(1.5 * var(--base-unit, 8px));
|
|
1337
|
-
gap: calc(2 * var(--base-unit, 8px));
|
|
1298
|
+
padding-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1299
|
+
padding-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1300
|
+
gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1338
1301
|
display: flex;
|
|
1339
1302
|
}
|
|
1340
1303
|
|
|
1341
1304
|
.sv-list__item-icon {
|
|
1342
1305
|
float: left;
|
|
1343
|
-
width: calc(3 * var(--base-unit, 8px));
|
|
1344
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
1306
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1307
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1345
1308
|
}
|
|
1346
1309
|
.sv-list__item-icon svg {
|
|
1347
1310
|
display: block;
|
|
@@ -1357,7 +1320,7 @@ sv-popup {
|
|
|
1357
1320
|
}
|
|
1358
1321
|
|
|
1359
1322
|
.sv-list__item-separator {
|
|
1360
|
-
margin: calc(1 * var(--base-unit, 8px)) 0;
|
|
1323
|
+
margin: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
1361
1324
|
height: 1px;
|
|
1362
1325
|
background-color: var(--sjs-border-default, var(--border, #d6d6d6));
|
|
1363
1326
|
}
|
|
@@ -1376,7 +1339,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-body {
|
|
|
1376
1339
|
.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,
|
|
1377
1340
|
.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,
|
|
1378
1341
|
li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
1379
|
-
fill: var(--background, #fff);
|
|
1342
|
+
fill: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1380
1343
|
}
|
|
1381
1344
|
|
|
1382
1345
|
.sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body,
|
|
@@ -1406,19 +1369,19 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1406
1369
|
|
|
1407
1370
|
.sv-list__filter {
|
|
1408
1371
|
border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
|
|
1409
|
-
background: var(--background, #fff);
|
|
1410
|
-
padding-bottom: calc(1 * var(--base-unit, 8px));
|
|
1372
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1373
|
+
padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1411
1374
|
}
|
|
1412
1375
|
|
|
1413
1376
|
.sv-list__filter-icon {
|
|
1414
1377
|
display: block;
|
|
1415
1378
|
position: absolute;
|
|
1416
|
-
top: calc(1.5 * var(--base-unit, 8px));
|
|
1417
|
-
inset-inline-start: calc(2 * var(--base-unit, 8px));
|
|
1379
|
+
top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1380
|
+
inset-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1418
1381
|
}
|
|
1419
1382
|
.sv-list__filter-icon .sv-svg-icon {
|
|
1420
|
-
width: calc(3 * var(--base-unit, 8px));
|
|
1421
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
1383
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1384
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1422
1385
|
}
|
|
1423
1386
|
.sv-list__filter-icon .sv-svg-icon use {
|
|
1424
1387
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -1429,15 +1392,15 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1429
1392
|
-moz-appearance: none;
|
|
1430
1393
|
appearance: none;
|
|
1431
1394
|
display: block;
|
|
1432
|
-
background: var(--background, #fff);
|
|
1395
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1433
1396
|
box-sizing: border-box;
|
|
1434
1397
|
width: 100%;
|
|
1435
1398
|
outline: none;
|
|
1436
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1399
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1437
1400
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1438
|
-
padding: calc(1.5 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
|
|
1439
|
-
padding-inline-start: calc(7 * var(--base-unit, 8px));
|
|
1440
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
1401
|
+
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1402
|
+
padding-inline-start: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1403
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1441
1404
|
border: none;
|
|
1442
1405
|
}
|
|
1443
1406
|
|
|
@@ -1461,24 +1424,24 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1461
1424
|
.sv-save-data_root {
|
|
1462
1425
|
position: absolute;
|
|
1463
1426
|
left: 50%;
|
|
1464
|
-
bottom: calc(3 * var(--base-unit, 8px));
|
|
1465
|
-
background: var(--background, #fff);
|
|
1427
|
+
bottom: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1428
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1466
1429
|
opacity: 0;
|
|
1467
|
-
padding: calc(3 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px));
|
|
1430
|
+
padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1468
1431
|
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
|
|
1469
1432
|
border-radius: calc(2 * var(--sjs-corner-radius, 4px));
|
|
1470
1433
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1471
|
-
min-width: calc(30 * var(--base-unit, 8px));
|
|
1434
|
+
min-width: calc(30 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1472
1435
|
text-align: center;
|
|
1473
1436
|
z-index: 1600;
|
|
1474
1437
|
font-family: var(--font-family, var(--font-family));
|
|
1475
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1476
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
1438
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1439
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1477
1440
|
display: flex;
|
|
1478
1441
|
flex-direction: row;
|
|
1479
1442
|
justify-content: center;
|
|
1480
1443
|
align-items: center;
|
|
1481
|
-
transform: translateX(-50%) translateY(calc(3 * var(--base-unit, 8px)));
|
|
1444
|
+
transform: translateX(-50%) translateY(calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1482
1445
|
transition-timing-function: ease-in;
|
|
1483
1446
|
transition-property: transform, opacity;
|
|
1484
1447
|
transition-delay: 0.25s;
|
|
@@ -1509,31 +1472,31 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1509
1472
|
}
|
|
1510
1473
|
|
|
1511
1474
|
.sv-save-data_root.sv-save-data_error {
|
|
1512
|
-
background-color: var(--red, #e60a3e);
|
|
1513
|
-
color: var(--background, #fff);
|
|
1475
|
+
background-color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
1476
|
+
color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1514
1477
|
font-weight: 600;
|
|
1515
|
-
padding: calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px));
|
|
1516
|
-
gap: calc(6 * var(--base-unit, 8px));
|
|
1478
|
+
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1479
|
+
gap: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1517
1480
|
}
|
|
1518
1481
|
|
|
1519
1482
|
.sv-save-data_root.sv-save-data_error .sv-save-data_button {
|
|
1520
1483
|
font-weight: 600;
|
|
1521
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1522
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
1523
|
-
height: calc(5 * var(--base-unit, 8px));
|
|
1484
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1485
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1486
|
+
height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1524
1487
|
color: #ffffff;
|
|
1525
|
-
background-color: var(--red, #e60a3e);
|
|
1526
|
-
border: calc(0.25 * var(--base-unit, 8px)) solid #ffffff;
|
|
1488
|
+
background-color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
1489
|
+
border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid #ffffff;
|
|
1527
1490
|
border-radius: calc(1.5 * var(--sjs-corner-radius, 4px));
|
|
1528
|
-
padding: calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
|
|
1491
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1529
1492
|
display: flex;
|
|
1530
1493
|
align-items: center;
|
|
1531
1494
|
}
|
|
1532
1495
|
|
|
1533
1496
|
.sv-save-data_root.sv-save-data_error .sv-save-data_button:hover,
|
|
1534
1497
|
.sv-save-data_root.sv-save-data_error .sv-save-data_button:focus {
|
|
1535
|
-
color: var(--red, #e60a3e);
|
|
1536
|
-
background-color: var(--background, #fff);
|
|
1498
|
+
color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
1499
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1537
1500
|
}
|
|
1538
1501
|
|
|
1539
1502
|
.sv-save-data_root.sv-save-data_success {
|
|
@@ -1571,15 +1534,15 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1571
1534
|
margin: 0;
|
|
1572
1535
|
}
|
|
1573
1536
|
.sd-element__title .sd-element__num {
|
|
1574
|
-
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1575
|
-
line-height: calc(2 * var(--base-unit, 8px));
|
|
1537
|
+
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1538
|
+
line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1576
1539
|
}
|
|
1577
1540
|
.sd-element__title span {
|
|
1578
1541
|
font-family: var(--sjs-font-questiontitle-family, var(--font-family));
|
|
1579
1542
|
font-weight: var(--sjs-font-questiontitle-weight, 600);
|
|
1580
|
-
font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
1581
|
-
color: var(--sjs-font-questiontitle-color, var(--sjs-general-
|
|
1582
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
1543
|
+
font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
|
|
1544
|
+
color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
1545
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1583
1546
|
}
|
|
1584
1547
|
.sd-element__title .sv-title-actions__title {
|
|
1585
1548
|
font-size: 0;
|
|
@@ -1602,15 +1565,15 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1602
1565
|
|
|
1603
1566
|
.sd-element__num {
|
|
1604
1567
|
float: left;
|
|
1605
|
-
padding-top: calc(0.625 * var(--base-unit, 8px));
|
|
1606
|
-
padding-bottom: calc(0.375 * var(--base-unit, 8px));
|
|
1568
|
+
padding-top: calc(0.625 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1569
|
+
padding-bottom: calc(0.375 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1607
1570
|
padding-inline-start: 0;
|
|
1608
|
-
padding-inline-end: calc(1 * var(--base-unit, 8px));
|
|
1609
|
-
width: calc(5 * var(--base-unit, 8px));
|
|
1610
|
-
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1611
|
-
line-height: calc(2 * var(--base-unit, 8px));
|
|
1571
|
+
padding-inline-end: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1572
|
+
width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1573
|
+
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1574
|
+
line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1612
1575
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
1613
|
-
margin-inline-start: calc(-5 * var(--base-unit, 8px));
|
|
1576
|
+
margin-inline-start: calc(-5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1614
1577
|
text-align: end;
|
|
1615
1578
|
box-sizing: border-box;
|
|
1616
1579
|
white-space: nowrap;
|
|
@@ -1650,11 +1613,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1650
1613
|
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z' fill='%23909090'/%3E%3C/svg%3E%0A");
|
|
1651
1614
|
background-repeat: no-repeat;
|
|
1652
1615
|
background-position: center center;
|
|
1653
|
-
height: calc(2 * var(--base-unit, 8px));
|
|
1654
|
-
width: calc(2 * var(--base-unit, 8px));
|
|
1616
|
+
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1617
|
+
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1655
1618
|
position: absolute;
|
|
1656
|
-
left: calc(-3 * var(--base-unit, 8px));
|
|
1657
|
-
top: calc(0.5 * var(--base-unit, 8px));
|
|
1619
|
+
left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1620
|
+
top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1658
1621
|
}
|
|
1659
1622
|
|
|
1660
1623
|
.sd-element__title--expandable.sd-element__title--expanded:before {
|
|
@@ -1669,8 +1632,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1669
1632
|
padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));
|
|
1670
1633
|
padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));
|
|
1671
1634
|
padding-bottom: var(--sd-base-padding);
|
|
1672
|
-
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--background, #fff)));
|
|
1673
|
-
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
1635
|
+
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
|
|
1636
|
+
box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
1674
1637
|
}
|
|
1675
1638
|
.svc-logic-question-value.sd-question--paneldynamic,
|
|
1676
1639
|
.sd-element--with-frame.sd-question--paneldynamic {
|
|
@@ -1717,9 +1680,9 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1717
1680
|
}
|
|
1718
1681
|
|
|
1719
1682
|
.sd-element--collapsed > .sd-element__header {
|
|
1720
|
-
padding: calc(0 * var(--base-unit, 8px)) var(--sd-base-padding);
|
|
1683
|
+
padding: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);
|
|
1721
1684
|
box-sizing: border-box;
|
|
1722
|
-
background-color: var(--background, #fff);
|
|
1685
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1723
1686
|
}
|
|
1724
1687
|
.sd-element--collapsed.sd-element--complex > .sd-element__header--location-top:after {
|
|
1725
1688
|
display: none;
|
|
@@ -1729,15 +1692,15 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1729
1692
|
padding-bottom: 0;
|
|
1730
1693
|
}
|
|
1731
1694
|
.sd-element--collapsed.sd-element--with-frame > .sd-element__header {
|
|
1732
|
-
padding-top: calc(2 * var(--base-unit, 8px));
|
|
1733
|
-
padding-bottom: calc(2 * var(--base-unit, 8px));
|
|
1695
|
+
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1696
|
+
padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1734
1697
|
border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
|
|
1735
1698
|
}
|
|
1736
1699
|
.sd-element--collapsed.sd-element--with-frame > .sd-element__header--location-top {
|
|
1737
1700
|
margin-top: 0;
|
|
1738
1701
|
}
|
|
1739
1702
|
.sd-element--collapsed > .sd-element__header:focus-within, .sd-element--collapsed > .sd-element__header:hover {
|
|
1740
|
-
background-color: var(--background-dim-light, #f9f9f9);
|
|
1703
|
+
background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
1741
1704
|
}
|
|
1742
1705
|
|
|
1743
1706
|
.sd-element--collapsed > .sd-element__header {
|
|
@@ -1749,7 +1712,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1749
1712
|
bottom: calc(-0.5 * var(--sd-base-vertical-padding));
|
|
1750
1713
|
}
|
|
1751
1714
|
.sd-element--nested.sd-element--collapsed > .sd-element__header:hover, .sd-element--nested.sd-element--collapsed > .sd-element__header:focus-within {
|
|
1752
|
-
box-shadow: 0 calc(-2 * var(--base-unit, 8px)) 0 0 var(--background-dim-light, #f9f9f9), 0 calc(2 * var(--base-unit, 8px)) 0 var(--background-dim-light, #f9f9f9);
|
|
1715
|
+
box-shadow: 0 calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)), 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
1753
1716
|
}
|
|
1754
1717
|
.sd-element--nested.sd-panel, .sd-element--nested.sd-question--paneldynamic {
|
|
1755
1718
|
border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
@@ -1805,29 +1768,29 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1805
1768
|
}
|
|
1806
1769
|
|
|
1807
1770
|
.sd-question__erbox {
|
|
1808
|
-
padding: calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px));
|
|
1771
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1809
1772
|
border-radius: calc(1 * var(--sjs-corner-radius, 4px));
|
|
1810
1773
|
font-weight: 600;
|
|
1811
|
-
line-height: calc(2 * var(--base-unit, 8px));
|
|
1812
|
-
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1774
|
+
line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1775
|
+
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1813
1776
|
white-space: normal;
|
|
1814
1777
|
text-align: left;
|
|
1815
1778
|
}
|
|
1816
1779
|
|
|
1817
1780
|
.sd-question__erbox--outside-question {
|
|
1818
1781
|
width: 100%;
|
|
1819
|
-
color: var(--red, #e60a3e);
|
|
1820
|
-
background-color: var(--red-light, rgba(230, 10, 62, 0.1));
|
|
1782
|
+
color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
1783
|
+
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
1821
1784
|
box-sizing: border-box;
|
|
1822
1785
|
}
|
|
1823
1786
|
|
|
1824
1787
|
.sd-question__erbox--above-question {
|
|
1825
1788
|
border-radius: calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px)) 0 0;
|
|
1826
|
-
margin-bottom: calc(var(--sd-base-vertical-padding) - var(--base-unit, 8px));
|
|
1789
|
+
margin-bottom: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1827
1790
|
}
|
|
1828
1791
|
|
|
1829
1792
|
.sd-question__erbox--below-question {
|
|
1830
|
-
margin-top: calc(1 * var(--base-unit, 8px));
|
|
1793
|
+
margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1831
1794
|
}
|
|
1832
1795
|
|
|
1833
1796
|
.sd-element--with-frame > .sd-question__erbox--below-question {
|
|
@@ -1838,7 +1801,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1838
1801
|
}
|
|
1839
1802
|
|
|
1840
1803
|
.sd-root-modern--mobile .sd-question__erbox--below-question {
|
|
1841
|
-
margin-top: calc(1 * var(--base-unit, 8px));
|
|
1804
|
+
margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1842
1805
|
}
|
|
1843
1806
|
|
|
1844
1807
|
.sd-question__header {
|
|
@@ -1866,16 +1829,16 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1866
1829
|
}
|
|
1867
1830
|
.svc-logic-question-value > .sd-question__header--location-top,
|
|
1868
1831
|
.sd-element--with-frame > .sd-question__header--location-top {
|
|
1869
|
-
margin-top: calc(-1 * var(--base-unit, 8px));
|
|
1832
|
+
margin-top: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1870
1833
|
}
|
|
1871
1834
|
.svc-logic-question-value > .sd-question__content > .sd-question__header--location--bottom,
|
|
1872
1835
|
.sd-element--with-frame > .sd-question__content > .sd-question__header--location--bottom {
|
|
1873
|
-
margin-bottom: calc(-1 * var(--base-unit, 8px));
|
|
1836
|
+
margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1874
1837
|
}
|
|
1875
1838
|
|
|
1876
1839
|
.sd-scrollable .sd-question__content {
|
|
1877
1840
|
overflow-x: auto;
|
|
1878
|
-
padding: calc(2 * var(--base-unit, 8px)) 0;
|
|
1841
|
+
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
1879
1842
|
}
|
|
1880
1843
|
|
|
1881
1844
|
.sd-question__header--location--left {
|
|
@@ -1883,7 +1846,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1883
1846
|
width: auto;
|
|
1884
1847
|
max-width: 50%;
|
|
1885
1848
|
vertical-align: top;
|
|
1886
|
-
margin-top: calc(1.5 * var(--base-unit, 8px));
|
|
1849
|
+
margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1887
1850
|
}
|
|
1888
1851
|
|
|
1889
1852
|
.sd-question--left {
|
|
@@ -1893,21 +1856,21 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1893
1856
|
|
|
1894
1857
|
.sd-question__content--left {
|
|
1895
1858
|
display: inline-block;
|
|
1896
|
-
padding-left: calc(3 * var(--base-unit, 8px));
|
|
1859
|
+
padding-left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1897
1860
|
flex: 1;
|
|
1898
1861
|
}
|
|
1899
1862
|
|
|
1900
1863
|
.sd-question__required-text {
|
|
1901
|
-
color: var(--red, #e60a3e);
|
|
1864
|
+
color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
1902
1865
|
vertical-align: top;
|
|
1903
1866
|
}
|
|
1904
1867
|
|
|
1905
1868
|
.sd-question__comment-area {
|
|
1906
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1907
|
-
margin-top: calc(2 * var(--base-unit, 8px));
|
|
1869
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1870
|
+
margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1908
1871
|
display: flex;
|
|
1909
1872
|
flex-direction: column;
|
|
1910
|
-
gap: calc(1 * var(--base-unit, 8px));
|
|
1873
|
+
gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1911
1874
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1912
1875
|
white-space: normal;
|
|
1913
1876
|
}
|
|
@@ -1917,8 +1880,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1917
1880
|
position: fixed;
|
|
1918
1881
|
height: auto;
|
|
1919
1882
|
width: auto;
|
|
1920
|
-
max-width: calc(29 * var(--base-unit, 8px));
|
|
1921
|
-
background-color: var(--background, #fff);
|
|
1883
|
+
max-width: calc(29 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1884
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1922
1885
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1923
1886
|
opacity: 0.75;
|
|
1924
1887
|
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
|
|
@@ -1932,7 +1895,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1932
1895
|
.sd-question__erbox--location--top,
|
|
1933
1896
|
.sd-question__erbox--location--bottom {
|
|
1934
1897
|
display: block;
|
|
1935
|
-
color: var(--red, #e60a3e);
|
|
1898
|
+
color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
1936
1899
|
padding-left: 0;
|
|
1937
1900
|
padding-right: 0;
|
|
1938
1901
|
text-align: left;
|
|
@@ -1950,11 +1913,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1950
1913
|
flex-direction: column;
|
|
1951
1914
|
align-items: center;
|
|
1952
1915
|
text-align: center;
|
|
1953
|
-
gap: calc(0.5 * var(--base-unit, 8px));
|
|
1916
|
+
gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1954
1917
|
justify-content: center;
|
|
1955
|
-
min-height: calc(24 * var(--base-unit, 8px));
|
|
1956
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
1957
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1918
|
+
min-height: calc(24 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1919
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1920
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1958
1921
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
1959
1922
|
}
|
|
1960
1923
|
.sd-question__placeholder > div .sv-string-viewer, .sd-question__placeholder > span .sv-string-viewer {
|
|
@@ -1981,16 +1944,16 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1981
1944
|
appearance: none;
|
|
1982
1945
|
position: static;
|
|
1983
1946
|
width: 100%;
|
|
1984
|
-
height: calc(6 * var(--base-unit, 8px));
|
|
1947
|
+
height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1985
1948
|
box-sizing: border-box;
|
|
1986
|
-
padding: calc(1.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
|
|
1987
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
1949
|
+
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1950
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1988
1951
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
1989
1952
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
1990
1953
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
1991
|
-
font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
1954
|
+
font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
|
|
1992
1955
|
background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)));
|
|
1993
|
-
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
1956
|
+
box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));
|
|
1994
1957
|
border: none;
|
|
1995
1958
|
border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));
|
|
1996
1959
|
text-align: start;
|
|
@@ -2032,7 +1995,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2032
1995
|
}
|
|
2033
1996
|
|
|
2034
1997
|
.sd-input--error {
|
|
2035
|
-
background-color: var(--red-light, rgba(230, 10, 62, 0.1));
|
|
1998
|
+
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
2036
1999
|
}
|
|
2037
2000
|
|
|
2038
2001
|
.sd-text__content {
|
|
@@ -2046,12 +2009,12 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2046
2009
|
align-items: flex-end;
|
|
2047
2010
|
padding: 0px;
|
|
2048
2011
|
font-family: var(--font-family);
|
|
2049
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
2050
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
2012
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2013
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
2051
2014
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
2052
2015
|
position: absolute;
|
|
2053
|
-
inset-inline-end: calc(2 * var(--base-unit, 8px));
|
|
2054
|
-
inset-block-end: calc(1.5 * var(--base-unit, 8px));
|
|
2016
|
+
inset-inline-end: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2017
|
+
inset-block-end: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2055
2018
|
}
|
|
2056
2019
|
|
|
2057
2020
|
.sd-question__content:focus-within .sd-remaining-character-counter {
|
|
@@ -2060,45 +2023,45 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2060
2023
|
|
|
2061
2024
|
.sd-input[type=range]::-webkit-slider-runnable-track {
|
|
2062
2025
|
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2063
|
-
border-radius: calc(1 * var(--base-unit, 8px));
|
|
2064
|
-
height: calc(1.5 * var(--base-unit, 8px));
|
|
2026
|
+
border-radius: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2027
|
+
height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2065
2028
|
}
|
|
2066
2029
|
|
|
2067
2030
|
.sd-input[type=range]::-webkit-slider-thumb {
|
|
2068
2031
|
-webkit-appearance: none;
|
|
2069
2032
|
appearance: none;
|
|
2070
|
-
margin-top: calc(-0.75 * var(--base-unit, 8px));
|
|
2033
|
+
margin-top: calc(-0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2071
2034
|
border-radius: 100%;
|
|
2072
2035
|
border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2073
2036
|
box-shadow: inset 0 0 0 2px var(--background, #fff);
|
|
2074
2037
|
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2075
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
2076
|
-
width: calc(3 * var(--base-unit, 8px));
|
|
2038
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2039
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2077
2040
|
}
|
|
2078
2041
|
|
|
2079
2042
|
.sd-input[type=range]::-moz-range-track {
|
|
2080
2043
|
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2081
|
-
border-radius: calc(1 * var(--base-unit, 8px));
|
|
2082
|
-
height: calc(1.5 * var(--base-unit, 8px));
|
|
2044
|
+
border-radius: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2045
|
+
height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2083
2046
|
}
|
|
2084
2047
|
|
|
2085
2048
|
.sd-input[type=range]::-moz-range-thumb {
|
|
2086
2049
|
-webkit-appearance: none;
|
|
2087
2050
|
appearance: none;
|
|
2088
|
-
margin-top: calc(-0.75 * var(--base-unit, 8px));
|
|
2051
|
+
margin-top: calc(-0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2089
2052
|
border-radius: 100%;
|
|
2090
2053
|
border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2091
2054
|
box-shadow: inset 0 0 0 2px var(--background, #fff);
|
|
2092
2055
|
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2093
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
2094
|
-
width: calc(3 * var(--base-unit, 8px));
|
|
2056
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2057
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2095
2058
|
}
|
|
2096
2059
|
|
|
2097
2060
|
.sd-comment {
|
|
2098
2061
|
display: block;
|
|
2099
2062
|
height: auto;
|
|
2100
|
-
min-width: calc(6 * var(--base-unit, 8px));
|
|
2101
|
-
min-height: calc(6 * var(--base-unit, 8px));
|
|
2063
|
+
min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2064
|
+
min-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2102
2065
|
max-width: 100%;
|
|
2103
2066
|
}
|
|
2104
2067
|
|
|
@@ -2123,11 +2086,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2123
2086
|
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {
|
|
2124
2087
|
font-family: var(--sjs-font-pagetitle-family, var(--font-family));
|
|
2125
2088
|
font-weight: var(--sjs-font-pagetitle-weight, 700);
|
|
2126
|
-
font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
2089
|
+
font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
|
|
2127
2090
|
color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
2128
2091
|
position: static;
|
|
2129
|
-
line-height: calc(4 * var(--base-unit, 8px));
|
|
2130
|
-
margin: calc(0.5 * var(--base-unit, 8px)) 0px;
|
|
2092
|
+
line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2093
|
+
margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
|
|
2131
2094
|
}
|
|
2132
2095
|
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {
|
|
2133
2096
|
font-family: inherit;
|
|
@@ -2139,20 +2102,20 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2139
2102
|
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {
|
|
2140
2103
|
font-family: var(--sjs-font-pagedescription-family, var(--font-family));
|
|
2141
2104
|
font-weight: var(--sjs-font-pagedescription-weight, 400);
|
|
2142
|
-
font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
2105
|
+
font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
|
|
2143
2106
|
color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2144
2107
|
position: static;
|
|
2145
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
2146
|
-
margin: calc(0.5 * var(--base-unit, 8px)) 0px;
|
|
2108
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2109
|
+
margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
|
|
2147
2110
|
}
|
|
2148
2111
|
|
|
2149
2112
|
.sd-panel__required-text {
|
|
2150
|
-
color: var(--red, #e60a3e);
|
|
2113
|
+
color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
2151
2114
|
}
|
|
2152
2115
|
|
|
2153
2116
|
.sd-panel__footer {
|
|
2154
2117
|
box-sizing: border-box;
|
|
2155
|
-
padding-left: calc(var(--sd-base-padding) - 3 * var(--base-unit, 8px));
|
|
2118
|
+
padding-left: calc(var(--sd-base-padding) - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2156
2119
|
margin-left: calc(-1 * var(--sd-base-padding));
|
|
2157
2120
|
width: calc(100% + 2 * var(--sd-base-padding));
|
|
2158
2121
|
margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));
|
|
@@ -2179,8 +2142,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2179
2142
|
}
|
|
2180
2143
|
|
|
2181
2144
|
.sjs_sp_controls.sd-signaturepad__controls {
|
|
2182
|
-
right: calc(1 * var(--base-unit, 8px));
|
|
2183
|
-
top: calc(1 * var(--base-unit, 8px));
|
|
2145
|
+
right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2146
|
+
top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2184
2147
|
left: auto;
|
|
2185
2148
|
bottom: auto;
|
|
2186
2149
|
}
|
|
@@ -2190,7 +2153,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2190
2153
|
}
|
|
2191
2154
|
|
|
2192
2155
|
.sd-question--signature.sd-question--error .sjs_sp_placeholder {
|
|
2193
|
-
background-color: var(--red-light, rgba(230, 10, 62, 0.1));
|
|
2156
|
+
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
2194
2157
|
}
|
|
2195
2158
|
|
|
2196
2159
|
.sd-checkbox__decorator {
|
|
@@ -2199,8 +2162,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2199
2162
|
|
|
2200
2163
|
.sd-checkbox__svg {
|
|
2201
2164
|
display: none;
|
|
2202
|
-
width: calc(2.5 * var(--base-unit, 8px));
|
|
2203
|
-
height: calc(2.5 * var(--base-unit, 8px));
|
|
2165
|
+
width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2166
|
+
height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2204
2167
|
}
|
|
2205
2168
|
|
|
2206
2169
|
.sd-checkbox--checked .sd-checkbox__svg {
|
|
@@ -2220,17 +2183,17 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2220
2183
|
|
|
2221
2184
|
.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
|
|
2222
2185
|
position: sticky;
|
|
2223
|
-
left: calc(-3 * var(--base-unit, 8px));
|
|
2224
|
-
margin-left: calc(-3 * var(--base-unit, 8px));
|
|
2186
|
+
left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2187
|
+
margin-left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2225
2188
|
z-index: 12;
|
|
2226
2189
|
}
|
|
2227
2190
|
|
|
2228
2191
|
.sd-matrixdynamic__footer:first-child {
|
|
2229
|
-
padding-bottom: calc(2 * var(--base-unit, 8px));
|
|
2192
|
+
padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2230
2193
|
}
|
|
2231
2194
|
|
|
2232
2195
|
.sd-matrixdynamic__footer {
|
|
2233
|
-
padding-top: calc(1 * var(--base-unit, 8px));
|
|
2196
|
+
padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2234
2197
|
}
|
|
2235
2198
|
|
|
2236
2199
|
.sd-action.sd-matrixdynamic__remove-btn {
|
|
@@ -2241,27 +2204,27 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2241
2204
|
appearance: none;
|
|
2242
2205
|
background: transparent;
|
|
2243
2206
|
border: none;
|
|
2244
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
2245
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
2207
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2208
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
2246
2209
|
font-family: var(--font-family, var(--font-family));
|
|
2247
2210
|
font-weight: 600;
|
|
2248
|
-
padding: calc(1 * var(--base-unit, 8px)) 0;
|
|
2211
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
2249
2212
|
}
|
|
2250
2213
|
|
|
2251
2214
|
.sd-matrixdynamic__drag-element {
|
|
2252
|
-
padding: calc(2 * var(--base-unit, 8px));
|
|
2215
|
+
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2253
2216
|
}
|
|
2254
2217
|
.sd-matrixdynamic__drag-element:hover {
|
|
2255
|
-
background-color: var(--background, #fff);
|
|
2218
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
2256
2219
|
}
|
|
2257
2220
|
.sd-matrixdynamic__drag-element:after {
|
|
2258
2221
|
content: " ";
|
|
2259
2222
|
display: block;
|
|
2260
|
-
height: calc(0.5 * var(--base-unit, 8px));
|
|
2261
|
-
width: calc(2 * var(--base-unit, 8px));
|
|
2223
|
+
height: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2224
|
+
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2262
2225
|
border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
|
|
2263
2226
|
box-sizing: border-box;
|
|
2264
|
-
border-radius: calc(1.25 * var(--base-unit, 8px));
|
|
2227
|
+
border-radius: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2265
2228
|
}
|
|
2266
2229
|
|
|
2267
2230
|
.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn {
|
|
@@ -2269,8 +2232,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2269
2232
|
}
|
|
2270
2233
|
|
|
2271
2234
|
.sd-drag-element__svg {
|
|
2272
|
-
width: calc(2 * var(--base-unit, 8px));
|
|
2273
|
-
height: calc(2 * var(--base-unit, 8px));
|
|
2235
|
+
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2236
|
+
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2274
2237
|
display: block;
|
|
2275
2238
|
}
|
|
2276
2239
|
.sd-drag-element__svg use {
|
|
@@ -2279,7 +2242,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2279
2242
|
|
|
2280
2243
|
.sd-table {
|
|
2281
2244
|
width: 100%;
|
|
2282
|
-
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--background, #fff)));
|
|
2245
|
+
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
|
|
2283
2246
|
border-collapse: collapse;
|
|
2284
2247
|
white-space: normal;
|
|
2285
2248
|
}
|
|
@@ -2290,17 +2253,17 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2290
2253
|
|
|
2291
2254
|
.sd-table--alternate-rows {
|
|
2292
2255
|
margin: 0 8px;
|
|
2293
|
-
width: calc(100% - 2 * var(--base-unit, 8px));
|
|
2256
|
+
width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2294
2257
|
}
|
|
2295
2258
|
.sd-table--alternate-rows .sd-table__cell:first-of-type {
|
|
2296
|
-
padding-left: calc(2 * var(--base-unit, 8px));
|
|
2259
|
+
padding-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2297
2260
|
}
|
|
2298
2261
|
.sd-table--alternate-rows .sd-table__cell:last-of-type {
|
|
2299
|
-
padding-right: calc(2 * var(--base-unit, 8px));
|
|
2262
|
+
padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2300
2263
|
}
|
|
2301
2264
|
.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td,
|
|
2302
2265
|
.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {
|
|
2303
|
-
background-color: var(--background-dim-light, #f9f9f9);
|
|
2266
|
+
background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
2304
2267
|
}
|
|
2305
2268
|
.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-input,
|
|
2306
2269
|
.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {
|
|
@@ -2313,9 +2276,9 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2313
2276
|
|
|
2314
2277
|
.sd-table__cell {
|
|
2315
2278
|
font-weight: normal;
|
|
2316
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
2317
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
2318
|
-
padding: calc(1 * var(--base-unit, 8px));
|
|
2279
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
2280
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2281
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2319
2282
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
2320
2283
|
text-align: center;
|
|
2321
2284
|
}
|
|
@@ -2338,32 +2301,32 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2338
2301
|
.sd-table__cell--header {
|
|
2339
2302
|
font-weight: 600;
|
|
2340
2303
|
vertical-align: top;
|
|
2341
|
-
padding: calc(1.5 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px)) calc(2.5 * var(--base-unit, 8px));
|
|
2304
|
+
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2342
2305
|
}
|
|
2343
2306
|
.sd-table__cell--header:not(.sd-table__cell--empty) {
|
|
2344
|
-
min-width: calc(14 * var(--base-unit, 8px));
|
|
2307
|
+
min-width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2345
2308
|
}
|
|
2346
2309
|
|
|
2347
2310
|
.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {
|
|
2348
|
-
min-width: calc(14 * var(--base-unit, 8px));
|
|
2349
|
-
width: calc(14 * var(--base-unit, 8px));
|
|
2311
|
+
min-width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2312
|
+
width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2350
2313
|
}
|
|
2351
2314
|
|
|
2352
2315
|
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {
|
|
2353
|
-
min-width: calc(14 * var(--base-unit, 8px));
|
|
2354
|
-
width: calc(14 * var(--base-unit, 8px));
|
|
2316
|
+
min-width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2317
|
+
width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2355
2318
|
}
|
|
2356
2319
|
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--dropdown, .sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--rating {
|
|
2357
|
-
min-width: calc(22 * var(--base-unit, 8px));
|
|
2358
|
-
width: calc(22 * var(--base-unit, 8px));
|
|
2320
|
+
min-width: calc(22 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2321
|
+
width: calc(22 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2359
2322
|
}
|
|
2360
2323
|
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean {
|
|
2361
|
-
min-width: calc(18 * var(--base-unit, 8px));
|
|
2362
|
-
width: calc(18 * var(--base-unit, 8px));
|
|
2324
|
+
min-width: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2325
|
+
width: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2363
2326
|
}
|
|
2364
2327
|
|
|
2365
2328
|
.sd-table__cell--detail-panel {
|
|
2366
|
-
padding: 0 calc(1 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px));
|
|
2329
|
+
padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2367
2330
|
}
|
|
2368
2331
|
|
|
2369
2332
|
.sd-table__cell--actions .sv-action-bar,
|
|
@@ -2372,11 +2335,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2372
2335
|
}
|
|
2373
2336
|
.sd-table__cell--actions .svc-string-editor__button--done,
|
|
2374
2337
|
.sd-matrixdynamic__add-btn .svc-string-editor__button--done {
|
|
2375
|
-
width: calc(2 * var(--base-unit, 8px));
|
|
2338
|
+
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2376
2339
|
}
|
|
2377
2340
|
|
|
2378
2341
|
.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled {
|
|
2379
|
-
background: var(--background, #fff);
|
|
2342
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
2380
2343
|
opacity: 1;
|
|
2381
2344
|
}
|
|
2382
2345
|
.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled use {
|
|
@@ -2390,18 +2353,18 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2390
2353
|
.sd-table__cell--detail-button {
|
|
2391
2354
|
border: none;
|
|
2392
2355
|
background: transparent;
|
|
2393
|
-
border-radius: calc(2 * var(--base-unit, 8px));
|
|
2394
|
-
width: calc(4 * var(--base-unit, 8px));
|
|
2395
|
-
height: calc(4 * var(--base-unit, 8px));
|
|
2396
|
-
padding: calc(1 * var(--base-unit, 8px));
|
|
2356
|
+
border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2357
|
+
width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2358
|
+
height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2359
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2397
2360
|
}
|
|
2398
2361
|
.sd-table__cell--detail-button svg {
|
|
2399
|
-
width: calc(2 * var(--base-unit, 8px));
|
|
2400
|
-
height: calc(2 * var(--base-unit, 8px));
|
|
2362
|
+
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2363
|
+
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2401
2364
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
2402
2365
|
}
|
|
2403
2366
|
.sd-table__cell--detail-button:hover {
|
|
2404
|
-
background: var(--green-light, rgba(25, 179, 148, 0.1));
|
|
2367
|
+
background: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));
|
|
2405
2368
|
}
|
|
2406
2369
|
.sd-table__cell--detail-button:hover svg {
|
|
2407
2370
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
@@ -2417,8 +2380,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2417
2380
|
.sd-table__cell--row-text {
|
|
2418
2381
|
font-weight: 600;
|
|
2419
2382
|
text-align: left;
|
|
2420
|
-
min-width: calc(12 * var(--base-unit, 8px));
|
|
2421
|
-
padding: calc(2.5 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px));
|
|
2383
|
+
min-width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2384
|
+
padding: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2422
2385
|
}
|
|
2423
2386
|
|
|
2424
2387
|
.sd-matrixdynamic__content .sd-table__question-wrapper {
|
|
@@ -2438,7 +2401,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2438
2401
|
.sd-matrix__cell:first-of-type,
|
|
2439
2402
|
.sd-matrix tr > td:first-of-type {
|
|
2440
2403
|
position: sticky;
|
|
2441
|
-
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--background, #fff)));
|
|
2404
|
+
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
|
|
2442
2405
|
z-index: 12;
|
|
2443
2406
|
}
|
|
2444
2407
|
.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,
|
|
@@ -2446,20 +2409,20 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2446
2409
|
.sd-table__cell--row-text:first-of-type,
|
|
2447
2410
|
.sd-matrix__cell:first-of-type:first-of-type,
|
|
2448
2411
|
.sd-matrix tr > td:first-of-type:first-of-type {
|
|
2449
|
-
left: calc(-1 * var(--base-unit, 8px));
|
|
2412
|
+
left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2450
2413
|
}
|
|
2451
2414
|
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,
|
|
2452
2415
|
.sd-table__cell--empty:last-of-type,
|
|
2453
2416
|
.sd-table__cell--row-text:last-of-type,
|
|
2454
2417
|
.sd-matrix__cell:first-of-type:last-of-type,
|
|
2455
2418
|
.sd-matrix tr > td:first-of-type:last-of-type {
|
|
2456
|
-
right: calc(-1 * var(--base-unit, 8px));
|
|
2419
|
+
right: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2457
2420
|
}
|
|
2458
2421
|
|
|
2459
2422
|
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {
|
|
2460
|
-
margin-right: calc(-3 * var(--base-unit, 8px));
|
|
2423
|
+
margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2461
2424
|
justify-content: flex-end;
|
|
2462
|
-
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--background, #fff)));
|
|
2425
|
+
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
|
|
2463
2426
|
}
|
|
2464
2427
|
|
|
2465
2428
|
.sd-question.sd-question--table {
|
|
@@ -2478,9 +2441,9 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2478
2441
|
display: block;
|
|
2479
2442
|
position: sticky;
|
|
2480
2443
|
min-height: 100%;
|
|
2481
|
-
width: calc(var(--sd-base-padding) - var(--base-unit, 8px));
|
|
2444
|
+
width: calc(var(--sd-base-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2482
2445
|
flex-shrink: 0;
|
|
2483
|
-
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--background, #fff)));
|
|
2446
|
+
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
|
|
2484
2447
|
z-index: 11;
|
|
2485
2448
|
}
|
|
2486
2449
|
.sd-table-wrapper::before {
|
|
@@ -2499,7 +2462,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2499
2462
|
left: 0;
|
|
2500
2463
|
}
|
|
2501
2464
|
.sd-question--table > .sd-question__content {
|
|
2502
|
-
padding-top: calc(2.5 * var(--base-unit, 8px));
|
|
2465
|
+
padding-top: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2503
2466
|
min-width: min-content;
|
|
2504
2467
|
}
|
|
2505
2468
|
.sd-question--table:not(.sd-element--with-frame) {
|
|
@@ -2519,7 +2482,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2519
2482
|
}
|
|
2520
2483
|
|
|
2521
2484
|
.sd-table__cell--detail-panel .sd-panel__content {
|
|
2522
|
-
padding-top: calc(1 * var(--base-unit, 8px));
|
|
2485
|
+
padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2523
2486
|
}
|
|
2524
2487
|
|
|
2525
2488
|
.sd-table__question-wrapper .sd-boolean-root {
|
|
@@ -2527,14 +2490,14 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2527
2490
|
}
|
|
2528
2491
|
|
|
2529
2492
|
.sd-body--responsive .sd-page {
|
|
2530
|
-
padding: calc(5 * var(--base-unit, 8px)) var(--sd-page-vertical-padding) calc(2 * var(--base-unit, 8px));
|
|
2493
|
+
padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-page-vertical-padding) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2531
2494
|
}
|
|
2532
2495
|
.sd-body--responsive .sd-page.sd-page__empty-header {
|
|
2533
|
-
padding-top: calc(3 * var(--base-unit, 8px));
|
|
2496
|
+
padding-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2534
2497
|
}
|
|
2535
2498
|
|
|
2536
2499
|
.sd-root-modern--mobile .sd-page {
|
|
2537
|
-
padding-top: calc(2 * var(--base-unit, 8px));
|
|
2500
|
+
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2538
2501
|
}
|
|
2539
2502
|
|
|
2540
2503
|
.sd-page {
|
|
@@ -2542,7 +2505,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2542
2505
|
display: flex;
|
|
2543
2506
|
flex-direction: column;
|
|
2544
2507
|
align-items: flex-start;
|
|
2545
|
-
padding: calc(5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
|
|
2508
|
+
padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2546
2509
|
width: 100%;
|
|
2547
2510
|
box-sizing: border-box;
|
|
2548
2511
|
}
|
|
@@ -2550,21 +2513,21 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2550
2513
|
.sd-page .sd-page__title {
|
|
2551
2514
|
font-family: var(--sjs-font-pagetitle-family, var(--font-family));
|
|
2552
2515
|
font-weight: var(--sjs-font-pagetitle-weight, 700);
|
|
2553
|
-
font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
2516
|
+
font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
|
|
2554
2517
|
color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
2555
2518
|
position: static;
|
|
2556
|
-
line-height: calc(4 * var(--base-unit, 8px));
|
|
2557
|
-
margin: calc(0.5 * var(--base-unit, 8px)) 0px;
|
|
2519
|
+
line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2520
|
+
margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
|
|
2558
2521
|
}
|
|
2559
2522
|
|
|
2560
2523
|
.sd-page .sd-page__description {
|
|
2561
2524
|
font-family: var(--sjs-font-pagedescription-family, var(--font-family));
|
|
2562
2525
|
font-weight: var(--sjs-font-pagedescription-weight, 400);
|
|
2563
|
-
font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
2526
|
+
font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
|
|
2564
2527
|
color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2565
2528
|
position: static;
|
|
2566
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
2567
|
-
margin: calc(0.5 * var(--base-unit, 8px)) 0px;
|
|
2529
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2530
|
+
margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
|
|
2568
2531
|
}
|
|
2569
2532
|
|
|
2570
2533
|
.sd-row {
|
|
@@ -2580,7 +2543,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2580
2543
|
}
|
|
2581
2544
|
|
|
2582
2545
|
.sd-row.sd-page__row {
|
|
2583
|
-
margin-top: calc(2 * var(--base-unit, 8px));
|
|
2546
|
+
margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2584
2547
|
}
|
|
2585
2548
|
.sd-row.sd-page__row.sd-row--compact {
|
|
2586
2549
|
margin-top: var(--sd-base-vertical-padding);
|
|
@@ -2588,7 +2551,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2588
2551
|
|
|
2589
2552
|
.sd-page__row.sd-row--multiple:not(.sd-row--compact),
|
|
2590
2553
|
.svc-row > .sd-row--multiple {
|
|
2591
|
-
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--background, #fff)));
|
|
2554
|
+
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
|
|
2592
2555
|
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
2593
2556
|
border-radius: calc(1 * var(--sjs-corner-radius, 4px));
|
|
2594
2557
|
}
|
|
@@ -2617,11 +2580,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2617
2580
|
|
|
2618
2581
|
.svc-row .sd-row--multiple {
|
|
2619
2582
|
overflow: auto;
|
|
2620
|
-
margin-top: calc(2 * var(--base-unit, 8px));
|
|
2583
|
+
margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2621
2584
|
}
|
|
2622
2585
|
|
|
2623
2586
|
.svc-row--multiple .sd-row--multiple {
|
|
2624
|
-
gap: calc(1 * var(--base-unit, 8px));
|
|
2587
|
+
gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2625
2588
|
}
|
|
2626
2589
|
|
|
2627
2590
|
.svc-row:not(.svc-row--ghost) > .sd-row {
|
|
@@ -2659,33 +2622,33 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2659
2622
|
padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);
|
|
2660
2623
|
overflow: auto;
|
|
2661
2624
|
font-family: var(--font-family, var(--font-family));
|
|
2662
|
-
gap: calc(4 * var(--base-unit, 8px));
|
|
2625
|
+
gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2663
2626
|
box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2664
2627
|
margin-bottom: 2px;
|
|
2665
2628
|
}
|
|
2666
2629
|
.sd-title.sd-container-modern__title .sd-logo__image {
|
|
2667
|
-
margin-top: calc(1 * var(--base-unit, 8px));
|
|
2630
|
+
margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2668
2631
|
}
|
|
2669
2632
|
|
|
2670
2633
|
.sd-header__text {
|
|
2671
2634
|
display: flex;
|
|
2672
2635
|
flex-direction: column;
|
|
2673
|
-
gap: calc(1 * var(--base-unit, 8px));
|
|
2636
|
+
gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2674
2637
|
flex-grow: 1;
|
|
2675
2638
|
}
|
|
2676
2639
|
.sd-header__text .sd-title {
|
|
2677
2640
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2678
2641
|
font-family: var(--sjs-font-surveytitle-family, var(--font-family));
|
|
2679
|
-
font-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
2642
|
+
font-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
|
|
2680
2643
|
font-weight: var(--sjs-font-surveytitle-weight, 700);
|
|
2681
2644
|
}
|
|
2682
2645
|
.sd-header__text h3 {
|
|
2683
|
-
line-height: calc(5 * var(--base-unit, 8px));
|
|
2646
|
+
line-height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2684
2647
|
}
|
|
2685
2648
|
.sd-header__text h5 {
|
|
2686
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
2649
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
2687
2650
|
font-weight: 400;
|
|
2688
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
2651
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2689
2652
|
}
|
|
2690
2653
|
|
|
2691
2654
|
.sd-title .sv-title-actions {
|
|
@@ -2694,7 +2657,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2694
2657
|
}
|
|
2695
2658
|
|
|
2696
2659
|
.sd-root-modern:not(.svc-tab-designer) .sd-container-modern__title {
|
|
2697
|
-
background-color: var(--background, #fff);
|
|
2660
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
2698
2661
|
}
|
|
2699
2662
|
|
|
2700
2663
|
.sd-root-modern .sd-container-modern__title .sd-header__text h3 {
|
|
@@ -2706,21 +2669,21 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2706
2669
|
|
|
2707
2670
|
.sd-title .sv-title-actions {
|
|
2708
2671
|
align-items: flex-start;
|
|
2709
|
-
width: calc(100% + 3 * var(--base-unit, 8px));
|
|
2672
|
+
width: calc(100% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2710
2673
|
}
|
|
2711
2674
|
.sd-title .sv-title-actions .sv-title-actions__title {
|
|
2712
2675
|
flex-wrap: wrap;
|
|
2713
2676
|
flex: 0 1 auto;
|
|
2714
|
-
max-width: calc(100% - 3 * var(--base-unit, 8px));
|
|
2677
|
+
max-width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2715
2678
|
white-space: initial;
|
|
2716
2679
|
min-width: unset;
|
|
2717
2680
|
}
|
|
2718
2681
|
|
|
2719
2682
|
.sd-action-title-bar {
|
|
2720
2683
|
flex: 1 9 auto;
|
|
2721
|
-
min-width: calc(6 * var(--base-unit, 8px));
|
|
2684
|
+
min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2722
2685
|
justify-content: flex-end;
|
|
2723
|
-
margin: calc(-1 * var(--base-unit, 8px)) 0;
|
|
2686
|
+
margin: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
2724
2687
|
}
|
|
2725
2688
|
.sd-action-title-bar .sv-action {
|
|
2726
2689
|
flex: 0 0 auto;
|
|
@@ -2735,18 +2698,18 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2735
2698
|
font-family: var(--sjs-font-questiondescription-family, var(--font-family));
|
|
2736
2699
|
font-weight: var(--sjs-font-questiondescription-weight, 400);
|
|
2737
2700
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2738
|
-
font-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
2739
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
2701
|
+
font-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
|
|
2702
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2740
2703
|
white-space: normal;
|
|
2741
2704
|
word-break: break-word;
|
|
2742
2705
|
}
|
|
2743
2706
|
|
|
2744
2707
|
.sd-element__header .sd-description {
|
|
2745
|
-
margin-top: calc(0.5 * var(--base-unit, 8px));
|
|
2708
|
+
margin-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2746
2709
|
}
|
|
2747
2710
|
|
|
2748
2711
|
.sd-item {
|
|
2749
|
-
padding: calc(1.5 * var(--base-unit, 8px)) 0;
|
|
2712
|
+
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
2750
2713
|
}
|
|
2751
2714
|
|
|
2752
2715
|
.sd-item--disabled.sd-item--disabled .sd-item__decorator,
|
|
@@ -2754,11 +2717,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2754
2717
|
display: flex;
|
|
2755
2718
|
align-items: center;
|
|
2756
2719
|
justify-content: center;
|
|
2757
|
-
width: calc(3 * var(--base-unit, 8px));
|
|
2758
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
2720
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2721
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2759
2722
|
box-sizing: border-box;
|
|
2760
2723
|
background: var(--sd-item-default-background, var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9))));
|
|
2761
|
-
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
2724
|
+
box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));
|
|
2762
2725
|
border: none;
|
|
2763
2726
|
flex-shrink: 0;
|
|
2764
2727
|
}
|
|
@@ -2769,7 +2732,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2769
2732
|
|
|
2770
2733
|
.sd-item__control:focus + .sd-item__decorator {
|
|
2771
2734
|
box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2772
|
-
background: var(--background, #fff);
|
|
2735
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
2773
2736
|
outline: none;
|
|
2774
2737
|
}
|
|
2775
2738
|
|
|
@@ -2786,8 +2749,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2786
2749
|
font-family: var(--font-family, var(--font-family));
|
|
2787
2750
|
font-style: normal;
|
|
2788
2751
|
font-weight: normal;
|
|
2789
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
2790
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
2752
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2753
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
2791
2754
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
2792
2755
|
white-space: normal;
|
|
2793
2756
|
word-break: break-word;
|
|
@@ -2805,7 +2768,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2805
2768
|
}
|
|
2806
2769
|
|
|
2807
2770
|
.sd-item--error .sd-item__decorator {
|
|
2808
|
-
background: var(--red-light, rgba(230, 10, 62, 0.1));
|
|
2771
|
+
background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
2809
2772
|
}
|
|
2810
2773
|
|
|
2811
2774
|
.sd-selectbase {
|
|
@@ -2822,7 +2785,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2822
2785
|
padding: 0;
|
|
2823
2786
|
display: flex;
|
|
2824
2787
|
flex-wrap: wrap;
|
|
2825
|
-
column-gap: calc(4 * var(--base-unit, 8px));
|
|
2788
|
+
column-gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2826
2789
|
}
|
|
2827
2790
|
|
|
2828
2791
|
.sd-selectbase--multi-column {
|
|
@@ -2833,7 +2796,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2833
2796
|
.sd-selectbase__label {
|
|
2834
2797
|
display: inline-flex;
|
|
2835
2798
|
position: relative;
|
|
2836
|
-
gap: calc(1 * var(--base-unit, 8px));
|
|
2799
|
+
gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2837
2800
|
vertical-align: top;
|
|
2838
2801
|
}
|
|
2839
2802
|
|
|
@@ -2849,7 +2812,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2849
2812
|
}
|
|
2850
2813
|
|
|
2851
2814
|
.sd-selectbase__column:not(:last-child) {
|
|
2852
|
-
padding-right: calc(2 * var(--base-unit, 8px));
|
|
2815
|
+
padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2853
2816
|
}
|
|
2854
2817
|
|
|
2855
2818
|
.sd-selectbase__column.sv-q-column-1 {
|
|
@@ -2862,8 +2825,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2862
2825
|
|
|
2863
2826
|
.sd-checkbox__svg {
|
|
2864
2827
|
display: none;
|
|
2865
|
-
width: calc(2.5 * var(--base-unit, 8px));
|
|
2866
|
-
height: calc(2.5 * var(--base-unit, 8px));
|
|
2828
|
+
width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2829
|
+
height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2867
2830
|
}
|
|
2868
2831
|
|
|
2869
2832
|
.sd-checkbox--checked .sd-checkbox__svg {
|
|
@@ -2888,8 +2851,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2888
2851
|
.sd-radio--checked .sd-radio__decorator:after {
|
|
2889
2852
|
content: " ";
|
|
2890
2853
|
display: block;
|
|
2891
|
-
width: calc(1 * var(--base-unit, 8px));
|
|
2892
|
-
height: calc(1 * var(--base-unit, 8px));
|
|
2854
|
+
width: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2855
|
+
height: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2893
2856
|
border-radius: 50%;
|
|
2894
2857
|
background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
2895
2858
|
}
|
|
@@ -2927,12 +2890,12 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2927
2890
|
}
|
|
2928
2891
|
|
|
2929
2892
|
.sd-matrix__text {
|
|
2930
|
-
padding: calc(2 * var(--base-unit, 8px));
|
|
2893
|
+
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2931
2894
|
}
|
|
2932
2895
|
|
|
2933
2896
|
.sd-matrix__text--checked {
|
|
2934
2897
|
background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
2935
|
-
padding: calc(2 * var(--base-unit, 8px));
|
|
2898
|
+
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2936
2899
|
}
|
|
2937
2900
|
|
|
2938
2901
|
.sd-matrix__cell:first-of-type {
|
|
@@ -2941,24 +2904,24 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2941
2904
|
}
|
|
2942
2905
|
|
|
2943
2906
|
:root {
|
|
2944
|
-
--sd-rating-bad-color: var(--red, #e60a3e);
|
|
2945
|
-
--sd-rating-normal-color: var(--yellow, #ff9814);
|
|
2946
|
-
--sd-rating-good-color: var(--green, #19b394);
|
|
2947
|
-
--sd-rating-bad-color-light: var(--red-light, rgba(230, 10, 62, 0.1));
|
|
2948
|
-
--sd-rating-normal-color-light: var(--yellow-light, rgba(255, 152, 20, 0.1));
|
|
2949
|
-
--sd-rating-good-color-light: var(--green-light, rgba(25, 179, 148, 0.1));
|
|
2907
|
+
--sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
2908
|
+
--sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814));
|
|
2909
|
+
--sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394));
|
|
2910
|
+
--sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
2911
|
+
--sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));
|
|
2912
|
+
--sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));
|
|
2950
2913
|
}
|
|
2951
2914
|
|
|
2952
2915
|
.sd-rating {
|
|
2953
2916
|
overflow-x: auto;
|
|
2954
|
-
min-height: calc(8 * var(--base-unit, 8px));
|
|
2917
|
+
min-height: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2955
2918
|
}
|
|
2956
2919
|
.sd-rating fieldset {
|
|
2957
2920
|
display: flex;
|
|
2958
2921
|
border: none;
|
|
2959
|
-
padding: 0 0 calc(2 * var(--base-unit, 8px)) 0;
|
|
2922
|
+
padding: 0 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
2960
2923
|
flex-wrap: nowrap;
|
|
2961
|
-
gap: calc(1 * var(--base-unit, 8px));
|
|
2924
|
+
gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2962
2925
|
margin-inline-start: 0;
|
|
2963
2926
|
align-items: center;
|
|
2964
2927
|
}
|
|
@@ -2967,36 +2930,36 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2967
2930
|
}
|
|
2968
2931
|
|
|
2969
2932
|
.sd-rating--small {
|
|
2970
|
-
min-height: calc(3 * var(--base-unit, 8px));
|
|
2933
|
+
min-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2971
2934
|
margin: auto;
|
|
2972
2935
|
}
|
|
2973
2936
|
.sd-rating--small fieldset {
|
|
2974
2937
|
padding: 0;
|
|
2975
|
-
gap: calc(1 * var(--base-unit, 8px));
|
|
2938
|
+
gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2976
2939
|
}
|
|
2977
2940
|
|
|
2978
2941
|
.sd-rating__item {
|
|
2979
2942
|
position: relative;
|
|
2980
|
-
background: var(--background, #fff);
|
|
2943
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
2981
2944
|
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
2982
|
-
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
2945
|
+
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2983
2946
|
white-space: nowrap;
|
|
2984
|
-
padding: calc(0.5 * var(--base-unit, 8px)) calc(2.5 * var(--base-unit, 8px));
|
|
2985
|
-
height: calc(6 * var(--base-unit, 8px));
|
|
2947
|
+
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2948
|
+
height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2986
2949
|
display: flex;
|
|
2987
2950
|
justify-content: center;
|
|
2988
2951
|
align-items: center;
|
|
2989
2952
|
box-sizing: border-box;
|
|
2990
|
-
min-width: calc(6 * var(--base-unit, 8px));
|
|
2953
|
+
min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2991
2954
|
text-align: center;
|
|
2992
|
-
border: 2px solid var(--background, #fff);
|
|
2955
|
+
border: 2px solid var(--sjs-general-backcolor, var(--background, #fff));
|
|
2993
2956
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
2994
2957
|
fill: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
2995
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
2958
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
2996
2959
|
}
|
|
2997
2960
|
|
|
2998
2961
|
.sd-rating__item--fixed-size {
|
|
2999
|
-
width: calc(6 * var(--base-unit, 8px));
|
|
2962
|
+
width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3000
2963
|
padding: 0;
|
|
3001
2964
|
}
|
|
3002
2965
|
|
|
@@ -3007,7 +2970,7 @@ legend + sv-ng-rating-item + .sd-rating__item {
|
|
|
3007
2970
|
}
|
|
3008
2971
|
|
|
3009
2972
|
.sd-rating__item--error {
|
|
3010
|
-
background-color: var(--red-light, rgba(230, 10, 62, 0.1));
|
|
2973
|
+
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
3011
2974
|
box-shadow: 0px 1px 2px transparent;
|
|
3012
2975
|
border-color: transparent;
|
|
3013
2976
|
}
|
|
@@ -3044,17 +3007,17 @@ legend + sv-ng-rating-item + .sd-rating__item {
|
|
|
3044
3007
|
}
|
|
3045
3008
|
|
|
3046
3009
|
.sd-rating__item--selected:focus-within {
|
|
3047
|
-
box-shadow: inset 0 0 0 2px var(--background, #fff);
|
|
3010
|
+
box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff));
|
|
3048
3011
|
}
|
|
3049
3012
|
|
|
3050
3013
|
.sd-rating__item-smiley {
|
|
3051
3014
|
position: relative;
|
|
3052
|
-
background: var(--background, #fff);
|
|
3053
|
-
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
3015
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
3016
|
+
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3054
3017
|
white-space: nowrap;
|
|
3055
|
-
padding: calc(1.25 * var(--base-unit, 8px));
|
|
3018
|
+
padding: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3056
3019
|
box-sizing: border-box;
|
|
3057
|
-
min-width: calc(6 * var(--base-unit, 8px));
|
|
3020
|
+
min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3058
3021
|
text-align: center;
|
|
3059
3022
|
border: 2px solid var(--sjs-border-default, var(--border, #d6d6d6));
|
|
3060
3023
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
@@ -3062,22 +3025,22 @@ legend + sv-ng-rating-item + .sd-rating__item {
|
|
|
3062
3025
|
}
|
|
3063
3026
|
.sd-rating__item-smiley svg {
|
|
3064
3027
|
display: block;
|
|
3065
|
-
width: calc(3 * var(--base-unit, 8px));
|
|
3066
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
3028
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3029
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3067
3030
|
}
|
|
3068
3031
|
|
|
3069
3032
|
.sd-rating__item-smiley--small {
|
|
3070
|
-
padding: calc(0.625 * var(--base-unit, 8px));
|
|
3071
|
-
min-width: calc(3 * var(--base-unit, 8px));
|
|
3033
|
+
padding: calc(0.625 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3034
|
+
min-width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3072
3035
|
border-width: 1px;
|
|
3073
3036
|
}
|
|
3074
3037
|
.sd-rating__item-smiley--small svg {
|
|
3075
|
-
width: calc(1.5 * var(--base-unit, 8px));
|
|
3076
|
-
height: calc(1.5 * var(--base-unit, 8px));
|
|
3038
|
+
width: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3039
|
+
height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3077
3040
|
}
|
|
3078
3041
|
|
|
3079
3042
|
.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {
|
|
3080
|
-
box-shadow: inset 0 0 0 1px var(--background, #fff);
|
|
3043
|
+
box-shadow: inset 0 0 0 1px var(--sjs-general-backcolor, var(--background, #fff));
|
|
3081
3044
|
}
|
|
3082
3045
|
|
|
3083
3046
|
legend + .sd-rating__item-smiley,
|
|
@@ -3086,7 +3049,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3086
3049
|
}
|
|
3087
3050
|
|
|
3088
3051
|
.sd-rating__item-smiley--error {
|
|
3089
|
-
background-color: var(--red-light, rgba(230, 10, 62, 0.1));
|
|
3052
|
+
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
3090
3053
|
border-color: transparent;
|
|
3091
3054
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
3092
3055
|
}
|
|
@@ -3120,7 +3083,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3120
3083
|
}
|
|
3121
3084
|
|
|
3122
3085
|
.sd-rating__item-smiley--selected:focus-within {
|
|
3123
|
-
box-shadow: inset 0 0 0 2px var(--background, #fff);
|
|
3086
|
+
box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff));
|
|
3124
3087
|
}
|
|
3125
3088
|
|
|
3126
3089
|
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {
|
|
@@ -3140,23 +3103,23 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3140
3103
|
|
|
3141
3104
|
.sd-rating__item-star {
|
|
3142
3105
|
position: relative;
|
|
3143
|
-
background: var(--background, #fff);
|
|
3144
|
-
width: calc(6 * var(--base-unit, 8px));
|
|
3145
|
-
height: calc(6 * var(--base-unit, 8px));
|
|
3106
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
3107
|
+
width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3108
|
+
height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3146
3109
|
}
|
|
3147
3110
|
.sd-rating__item-star:not(:first-of-type) {
|
|
3148
|
-
padding-left: calc(0.5 * var(--base-unit, 8px));
|
|
3149
|
-
margin-left: calc(-0.5 * var(--base-unit, 8px));
|
|
3111
|
+
padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3112
|
+
margin-left: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3150
3113
|
}
|
|
3151
3114
|
.sd-rating__item-star:not(:last-of-type) {
|
|
3152
|
-
padding-right: calc(0.5 * var(--base-unit, 8px));
|
|
3153
|
-
margin-right: calc(-0.5 * var(--base-unit, 8px));
|
|
3115
|
+
padding-right: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3116
|
+
margin-right: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3154
3117
|
}
|
|
3155
3118
|
.sd-rating__item-star svg {
|
|
3156
3119
|
stroke: var(--sjs-border-default, var(--border, #d6d6d6));
|
|
3157
3120
|
fill: none;
|
|
3158
|
-
width: calc(6 * var(--base-unit, 8px));
|
|
3159
|
-
height: calc(6 * var(--base-unit, 8px));
|
|
3121
|
+
width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3122
|
+
height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3160
3123
|
display: block;
|
|
3161
3124
|
}
|
|
3162
3125
|
.sd-rating__item-star .sv-star-2 {
|
|
@@ -3164,12 +3127,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3164
3127
|
}
|
|
3165
3128
|
|
|
3166
3129
|
.sd-rating__item-star--small {
|
|
3167
|
-
width: calc(3 * var(--base-unit, 8px));
|
|
3168
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
3130
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3131
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3169
3132
|
}
|
|
3170
3133
|
.sd-rating__item-star--small svg {
|
|
3171
|
-
width: calc(3 * var(--base-unit, 8px));
|
|
3172
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
3134
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3135
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3173
3136
|
}
|
|
3174
3137
|
|
|
3175
3138
|
.sd-rating__item-star--selected svg {
|
|
@@ -3179,7 +3142,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3179
3142
|
|
|
3180
3143
|
.sd-rating__item-star--error svg {
|
|
3181
3144
|
stroke: none;
|
|
3182
|
-
fill: var(--red-light, rgba(230, 10, 62, 0.1));
|
|
3145
|
+
fill: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
3183
3146
|
}
|
|
3184
3147
|
|
|
3185
3148
|
.sd-rating__item-star--disabled {
|
|
@@ -3230,62 +3193,62 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3230
3193
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
3231
3194
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3232
3195
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
3233
|
-
font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
3234
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
3196
|
+
font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
|
|
3197
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3235
3198
|
display: inline-block;
|
|
3236
3199
|
}
|
|
3237
3200
|
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text, .sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {
|
|
3238
|
-
margin-top: calc(1.25 * var(--base-unit, 8px));
|
|
3239
|
-
margin-bottom: calc(1.25 * var(--base-unit, 8px));
|
|
3240
|
-
border: 2px solid var(--background, #fff);
|
|
3201
|
+
margin-top: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3202
|
+
margin-bottom: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3203
|
+
border: 2px solid var(--sjs-general-backcolor, var(--background, #fff));
|
|
3241
3204
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
3242
3205
|
}
|
|
3243
3206
|
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {
|
|
3244
|
-
margin-right: calc(1 * var(--base-unit, 8px));
|
|
3207
|
+
margin-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3245
3208
|
border-left: 0px;
|
|
3246
3209
|
}
|
|
3247
3210
|
.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {
|
|
3248
|
-
margin-right: calc(2 * var(--base-unit, 8px));
|
|
3249
|
-
margin-left: calc(1 * var(--base-unit, 8px));
|
|
3211
|
+
margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3212
|
+
margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3250
3213
|
}
|
|
3251
3214
|
.sd-rating__item-text.sd-rating__item-text .sv-string-editor {
|
|
3252
3215
|
white-space: nowrap;
|
|
3253
3216
|
}
|
|
3254
3217
|
.sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size {
|
|
3255
|
-
min-width: calc(3 * var(--base-unit, 8px));
|
|
3218
|
+
min-width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3256
3219
|
}
|
|
3257
3220
|
|
|
3258
3221
|
.sv-ranking-item--error .sv-ranking-item__index {
|
|
3259
|
-
background-color: var(--red-light, rgba(230, 10, 62, 0.1));
|
|
3222
|
+
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
3260
3223
|
box-shadow: 0px 1px 2px transparent;
|
|
3261
3224
|
border-color: transparent;
|
|
3262
3225
|
}
|
|
3263
3226
|
|
|
3264
3227
|
.sd-element--with-frame .sv-ranking-item {
|
|
3265
|
-
left: calc(-3 * var(--base-unit, 8px));
|
|
3228
|
+
left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3266
3229
|
}
|
|
3267
3230
|
|
|
3268
3231
|
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container {
|
|
3269
3232
|
margin-left: 0;
|
|
3270
|
-
margin-right: calc(1 * var(--base-unit, 8px));
|
|
3233
|
+
margin-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3271
3234
|
}
|
|
3272
3235
|
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item {
|
|
3273
3236
|
left: 0;
|
|
3274
3237
|
}
|
|
3275
3238
|
|
|
3276
3239
|
.sv-ranking-item__content.sd-ranking-item__content {
|
|
3277
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
3240
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3278
3241
|
}
|
|
3279
3242
|
|
|
3280
3243
|
.sd-dropdown {
|
|
3281
3244
|
-webkit-appearance: none;
|
|
3282
3245
|
-moz-appearance: none;
|
|
3283
3246
|
appearance: none;
|
|
3284
|
-
padding-inline-end: calc(6 * var(--base-unit, 8px));
|
|
3285
|
-
padding-inline-start: calc(2 * var(--base-unit, 8px));
|
|
3286
|
-
background-position: right calc(1.5 * var(--base-unit, 8px)) top 50%, 0 0;
|
|
3247
|
+
padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3248
|
+
padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3249
|
+
background-position: right calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) top 50%, 0 0;
|
|
3287
3250
|
background-repeat: no-repeat;
|
|
3288
|
-
background-size: calc(3 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
|
|
3251
|
+
background-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3289
3252
|
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%23909090'/%3E%3C/svg%3E%0A");
|
|
3290
3253
|
opacity: 1;
|
|
3291
3254
|
display: flex;
|
|
@@ -3308,29 +3271,29 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3308
3271
|
.sd-dropdown option {
|
|
3309
3272
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3310
3273
|
font-family: var(--font-family, var(--font-family));
|
|
3311
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
3274
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3312
3275
|
}
|
|
3313
3276
|
|
|
3314
3277
|
.sd-dropdown__value {
|
|
3315
3278
|
width: 100%;
|
|
3316
|
-
min-height: calc(3 * var(--base-unit, 8px));
|
|
3279
|
+
min-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3317
3280
|
overflow: hidden;
|
|
3318
3281
|
text-overflow: ellipsis;
|
|
3319
3282
|
white-space: nowrap;
|
|
3320
3283
|
font-family: var(--font-family, var(--font-family));
|
|
3321
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
3284
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3322
3285
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3323
3286
|
position: relative;
|
|
3324
3287
|
}
|
|
3325
3288
|
|
|
3326
3289
|
.sd-dropdown_clean-button {
|
|
3327
|
-
padding: 0 calc(1 * var(--base-unit, 8px));
|
|
3290
|
+
padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3328
3291
|
margin: auto 0;
|
|
3329
3292
|
}
|
|
3330
3293
|
|
|
3331
3294
|
.sd-dropdown_clean-button-svg {
|
|
3332
|
-
width: calc(3 * var(--base-unit, 8px));
|
|
3333
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
3295
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3296
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3334
3297
|
}
|
|
3335
3298
|
|
|
3336
3299
|
.sd-dropdown use {
|
|
@@ -3357,8 +3320,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3357
3320
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
3358
3321
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3359
3322
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
3360
|
-
font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
3361
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
3323
|
+
font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
|
|
3324
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3362
3325
|
background-color: transparent;
|
|
3363
3326
|
overflow: hidden;
|
|
3364
3327
|
text-overflow: ellipsis;
|
|
@@ -3374,7 +3337,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3374
3337
|
|
|
3375
3338
|
.sd-dropdown__filter-string-input::placeholder {
|
|
3376
3339
|
font-family: var(--font-family, var(--font-family));
|
|
3377
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
3340
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3378
3341
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3379
3342
|
width: 100%;
|
|
3380
3343
|
max-width: 100%;
|
|
@@ -3382,7 +3345,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3382
3345
|
text-overflow: ellipsis;
|
|
3383
3346
|
white-space: nowrap;
|
|
3384
3347
|
display: inline-block;
|
|
3385
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
3348
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3386
3349
|
appearance: none;
|
|
3387
3350
|
}
|
|
3388
3351
|
|
|
@@ -3404,25 +3367,25 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3404
3367
|
[dir=rtl] .sd-dropdown,
|
|
3405
3368
|
[style*="direction:rtl"] .sd-dropdown,
|
|
3406
3369
|
[style*="direction: rtl"] .sd-dropdown {
|
|
3407
|
-
background-position: left calc(1.5 * var(--base-unit, 8px)) top 50%, 0 0;
|
|
3370
|
+
background-position: left calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) top 50%, 0 0;
|
|
3408
3371
|
}
|
|
3409
3372
|
|
|
3410
3373
|
.sd-input.sd-tagbox:not(.sd-tagbox--empty):not(.sd-input--disabled) {
|
|
3411
3374
|
height: auto;
|
|
3412
|
-
padding: calc(0.5 * var(--base-unit, 8px));
|
|
3413
|
-
padding-inline-end: calc(6 * var(--base-unit, 8px));
|
|
3414
|
-
padding-inline-start: calc(0.5 * var(--base-unit, 8px));
|
|
3375
|
+
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3376
|
+
padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3377
|
+
padding-inline-start: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3415
3378
|
}
|
|
3416
3379
|
|
|
3417
3380
|
.sd-tagbox.sd-tagbox--empty {
|
|
3418
|
-
padding-block: calc(0.5 * var(--base-unit, 8px));
|
|
3419
|
-
padding-inline-end: calc(6 * var(--base-unit, 8px));
|
|
3420
|
-
padding-inline-start: calc(2 * var(--base-unit, 8px));
|
|
3381
|
+
padding-block: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3382
|
+
padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3383
|
+
padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3421
3384
|
}
|
|
3422
3385
|
|
|
3423
3386
|
.sd-tagbox_clean-button {
|
|
3424
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
3425
|
-
padding: calc(1 * var(--base-unit, 8px));
|
|
3387
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3388
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3426
3389
|
margin: auto 0;
|
|
3427
3390
|
}
|
|
3428
3391
|
|
|
@@ -3433,15 +3396,15 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3433
3396
|
.sv-tagbox__item {
|
|
3434
3397
|
position: relative;
|
|
3435
3398
|
display: flex;
|
|
3436
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
3437
|
-
padding: calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px));
|
|
3399
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3400
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3438
3401
|
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3439
3402
|
border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));
|
|
3440
3403
|
}
|
|
3441
3404
|
|
|
3442
3405
|
.sv-tagbox__item-text {
|
|
3443
3406
|
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
3444
|
-
min-width: calc(5.5 * var(--base-unit, 8px));
|
|
3407
|
+
min-width: calc(5.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3445
3408
|
text-align: center;
|
|
3446
3409
|
font-weight: 600;
|
|
3447
3410
|
}
|
|
@@ -3455,17 +3418,17 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3455
3418
|
.sd-tagbox-item_clean-button {
|
|
3456
3419
|
display: none;
|
|
3457
3420
|
position: absolute;
|
|
3458
|
-
inset-inline-end: calc(1.5 * var(--base-unit, 8px));
|
|
3459
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
3421
|
+
inset-inline-end: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3422
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3460
3423
|
padding: 0;
|
|
3461
|
-
padding-inline-start: calc(4 * var(--base-unit, 8px));
|
|
3424
|
+
padding-inline-start: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3462
3425
|
background: linear-gradient(270deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);
|
|
3463
3426
|
}
|
|
3464
3427
|
|
|
3465
3428
|
.sd-tagbox-item_clean-button-svg {
|
|
3466
|
-
padding: calc(0.5 * var(--base-unit, 8px));
|
|
3467
|
-
width: calc(2 * var(--base-unit, 8px));
|
|
3468
|
-
height: calc(2 * var(--base-unit, 8px));
|
|
3429
|
+
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3430
|
+
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3431
|
+
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3469
3432
|
}
|
|
3470
3433
|
|
|
3471
3434
|
.sd-tagbox-item_clean-button-svg:hover {
|
|
@@ -3479,7 +3442,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3479
3442
|
|
|
3480
3443
|
.sd-tagbox__value.sd-dropdown__value {
|
|
3481
3444
|
position: relative;
|
|
3482
|
-
gap: calc(0.5 * var(--base-unit, 8px));
|
|
3445
|
+
gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3483
3446
|
display: flex;
|
|
3484
3447
|
flex-wrap: wrap;
|
|
3485
3448
|
flex-grow: 1;
|
|
@@ -3492,7 +3455,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3492
3455
|
width: 100%;
|
|
3493
3456
|
display: flex;
|
|
3494
3457
|
flex-grow: 1;
|
|
3495
|
-
height: calc(5 * var(--base-unit, 8px));
|
|
3458
|
+
height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3496
3459
|
}
|
|
3497
3460
|
|
|
3498
3461
|
.sd-tagbox__placeholder {
|
|
@@ -3531,13 +3494,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3531
3494
|
}
|
|
3532
3495
|
|
|
3533
3496
|
.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {
|
|
3534
|
-
height: calc(5 * var(--base-unit, 8px));
|
|
3535
|
-
line-height: calc(5 * var(--base-unit, 8px));
|
|
3497
|
+
height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3498
|
+
line-height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3536
3499
|
}
|
|
3537
3500
|
|
|
3538
3501
|
.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {
|
|
3539
|
-
height: calc(5 * var(--base-unit, 8px));
|
|
3540
|
-
line-height: calc(5 * var(--base-unit, 8px));
|
|
3502
|
+
height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3503
|
+
line-height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3541
3504
|
}
|
|
3542
3505
|
|
|
3543
3506
|
.sd-imagepicker {
|
|
@@ -3545,7 +3508,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3545
3508
|
flex-wrap: wrap;
|
|
3546
3509
|
padding: 0;
|
|
3547
3510
|
border: none;
|
|
3548
|
-
gap: calc(2 * var(--base-unit, 8px));
|
|
3511
|
+
gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3549
3512
|
width: 100%;
|
|
3550
3513
|
margin: 0;
|
|
3551
3514
|
}
|
|
@@ -3557,13 +3520,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3557
3520
|
|
|
3558
3521
|
@supports not (aspect-ratio: 1/1) {
|
|
3559
3522
|
.sd-imagepicker > div {
|
|
3560
|
-
margin-right: calc(2 * var(--base-unit, 8px));
|
|
3523
|
+
margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3561
3524
|
}
|
|
3562
3525
|
}
|
|
3563
3526
|
.sd-imagepicker__item img,
|
|
3564
3527
|
.sd-imagepicker__item .sd-imagepicker__image-container > div {
|
|
3565
3528
|
border-radius: calc(1 * var(--sjs-corner-radius, 4px));
|
|
3566
|
-
background-color: var(--background-dim-light, #f9f9f9);
|
|
3529
|
+
background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
3567
3530
|
}
|
|
3568
3531
|
|
|
3569
3532
|
.sd-imagepicker__item-decorator {
|
|
@@ -3580,20 +3543,20 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3580
3543
|
.sd-imagepicker__check-decorator {
|
|
3581
3544
|
display: none;
|
|
3582
3545
|
position: absolute;
|
|
3583
|
-
top: calc(1 * var(--base-unit, 8px));
|
|
3584
|
-
right: calc(1 * var(--base-unit, 8px));
|
|
3585
|
-
width: calc(6 * var(--base-unit, 8px));
|
|
3586
|
-
height: calc(6 * var(--base-unit, 8px));
|
|
3587
|
-
padding: calc(1.5 * var(--base-unit, 8px));
|
|
3546
|
+
top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3547
|
+
right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3548
|
+
width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3549
|
+
height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3550
|
+
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3588
3551
|
box-sizing: border-box;
|
|
3589
3552
|
border-radius: 100%;
|
|
3590
|
-
background-color: var(--background, #fff);
|
|
3553
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
3591
3554
|
z-index: 1;
|
|
3592
3555
|
}
|
|
3593
3556
|
|
|
3594
3557
|
.sd-imagepicker__check-icon {
|
|
3595
|
-
width: calc(3 * var(--base-unit, 8px));
|
|
3596
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
3558
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3559
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3597
3560
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3598
3561
|
}
|
|
3599
3562
|
|
|
@@ -3609,9 +3572,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3609
3572
|
top: 0;
|
|
3610
3573
|
width: 100%;
|
|
3611
3574
|
height: 100%;
|
|
3612
|
-
background-color: var(--red-light, rgba(230, 10, 62, 0.1));
|
|
3575
|
+
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
3613
3576
|
border-radius: calc(1 * var(--sjs-corner-radius, 4px));
|
|
3614
|
-
background: linear-gradient(0deg, var(--red-light, rgba(230, 10, 62, 0.1)), var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
3577
|
+
background: linear-gradient(0deg, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
|
|
3615
3578
|
}
|
|
3616
3579
|
|
|
3617
3580
|
.sd-imagepicker__item:focus-within .sd-imagepicker__image,
|
|
@@ -3626,21 +3589,21 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3626
3589
|
}
|
|
3627
3590
|
|
|
3628
3591
|
.sd-imagepicker__text {
|
|
3629
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
3630
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
3631
|
-
margin-top: calc(1 * var(--base-unit, 8px));
|
|
3592
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3593
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3594
|
+
margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3632
3595
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3633
3596
|
}
|
|
3634
3597
|
|
|
3635
3598
|
.sd-imagepicker__no-image {
|
|
3636
3599
|
display: flex;
|
|
3637
|
-
background-color: var(--background-dim-light, #f9f9f9);
|
|
3600
|
+
background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
3638
3601
|
inset-block-start: 0;
|
|
3639
3602
|
}
|
|
3640
3603
|
|
|
3641
3604
|
.sd-imagepicker__no-image-svg {
|
|
3642
|
-
height: calc(6 * var(--base-unit, 8px));
|
|
3643
|
-
width: calc(6 * var(--base-unit, 8px));
|
|
3605
|
+
height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3606
|
+
width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3644
3607
|
margin: auto;
|
|
3645
3608
|
}
|
|
3646
3609
|
.sd-imagepicker__no-image-svg use {
|
|
@@ -3650,7 +3613,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3650
3613
|
.sd-imagepicker__column {
|
|
3651
3614
|
display: flex;
|
|
3652
3615
|
flex-direction: column;
|
|
3653
|
-
gap: calc(2 * var(--base-unit, 8px));
|
|
3616
|
+
gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3654
3617
|
align-items: flex-start;
|
|
3655
3618
|
padding-right: 0;
|
|
3656
3619
|
}
|
|
@@ -3668,13 +3631,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3668
3631
|
.sd-image__image--adaptive {
|
|
3669
3632
|
width: 100%;
|
|
3670
3633
|
height: auto;
|
|
3671
|
-
max-width: calc(80 * var(--base-unit, 8px));
|
|
3634
|
+
max-width: calc(80 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3672
3635
|
}
|
|
3673
3636
|
|
|
3674
3637
|
.sd-image__no-image {
|
|
3675
|
-
background: var(--background-dim-light, #f9f9f9);
|
|
3676
|
-
min-width: calc(5 * var(--base-unit, 8px));
|
|
3677
|
-
min-height: calc(27.5 * var(--base-unit, 8px));
|
|
3638
|
+
background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
3639
|
+
min-width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3640
|
+
min-height: calc(27.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3678
3641
|
width: 100%;
|
|
3679
3642
|
height: 100%;
|
|
3680
3643
|
position: relative;
|
|
@@ -3693,7 +3656,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3693
3656
|
|
|
3694
3657
|
.sd-expression {
|
|
3695
3658
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3696
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
3659
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3697
3660
|
}
|
|
3698
3661
|
|
|
3699
3662
|
.sd-progress {
|
|
@@ -3711,19 +3674,19 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3711
3674
|
|
|
3712
3675
|
.sd-progress__text {
|
|
3713
3676
|
position: absolute;
|
|
3714
|
-
margin-top: calc(1 * var(--base-unit, 8px));
|
|
3715
|
-
right: calc(3 * var(--base-unit, 8px));
|
|
3677
|
+
margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3678
|
+
right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3716
3679
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
3717
|
-
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
3718
|
-
line-height: calc(2 * var(--base-unit, 8px));
|
|
3680
|
+
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3681
|
+
line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3719
3682
|
font-weight: 600;
|
|
3720
3683
|
}
|
|
3721
|
-
@media only screen and (min-width: calc(125 * var(--base-unit, 8px))) {
|
|
3684
|
+
@media only screen and (min-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {
|
|
3722
3685
|
.sd-progress__text {
|
|
3723
3686
|
margin-left: 5%;
|
|
3724
3687
|
}
|
|
3725
3688
|
}
|
|
3726
|
-
@media only screen and (max-width: calc(125 * var(--base-unit, 8px))) {
|
|
3689
|
+
@media only screen and (max-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {
|
|
3727
3690
|
.sd-progress__text {
|
|
3728
3691
|
margin-left: 10px;
|
|
3729
3692
|
}
|
|
@@ -3733,10 +3696,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3733
3696
|
display: flex;
|
|
3734
3697
|
width: max-content;
|
|
3735
3698
|
position: relative;
|
|
3736
|
-
padding: calc(0.5 * var(--base-unit, 8px));
|
|
3699
|
+
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3737
3700
|
background: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)));
|
|
3738
|
-
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
3739
|
-
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
3701
|
+
box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));
|
|
3702
|
+
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3740
3703
|
}
|
|
3741
3704
|
|
|
3742
3705
|
.sd-boolean__thumb,
|
|
@@ -3744,15 +3707,15 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3744
3707
|
display: block;
|
|
3745
3708
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
3746
3709
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3747
|
-
font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
3710
|
+
font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
|
|
3748
3711
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
3749
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
3750
|
-
padding: calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
|
|
3712
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3713
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3751
3714
|
}
|
|
3752
3715
|
|
|
3753
3716
|
.sd-boolean__switch {
|
|
3754
3717
|
display: flex;
|
|
3755
|
-
padding: calc(0.5 * var(--base-unit, 8px));
|
|
3718
|
+
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3756
3719
|
align-items: center;
|
|
3757
3720
|
position: absolute;
|
|
3758
3721
|
left: 0;
|
|
@@ -3760,7 +3723,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3760
3723
|
width: 100%;
|
|
3761
3724
|
height: 100%;
|
|
3762
3725
|
box-sizing: border-box;
|
|
3763
|
-
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
3726
|
+
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3764
3727
|
}
|
|
3765
3728
|
|
|
3766
3729
|
.sd-boolean__control:focus ~ .sd-boolean__switch {
|
|
@@ -3776,9 +3739,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3776
3739
|
}
|
|
3777
3740
|
|
|
3778
3741
|
.sd-boolean__thumb {
|
|
3779
|
-
background: var(--background, #fff);
|
|
3742
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
3780
3743
|
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
3781
|
-
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
3744
|
+
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3782
3745
|
transition-duration: 0.2s;
|
|
3783
3746
|
transition-property: margin-left, transform;
|
|
3784
3747
|
transition-timing-function: linear;
|
|
@@ -3786,6 +3749,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3786
3749
|
font-weight: 600;
|
|
3787
3750
|
margin-left: 0%;
|
|
3788
3751
|
transform: translateX(0);
|
|
3752
|
+
white-space: nowrap;
|
|
3789
3753
|
z-index: 2;
|
|
3790
3754
|
}
|
|
3791
3755
|
|
|
@@ -3809,23 +3773,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3809
3773
|
|
|
3810
3774
|
.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {
|
|
3811
3775
|
background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-dim-backcolor-dark, rgb(243, 243, 243)));
|
|
3812
|
-
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
3813
|
-
}
|
|
3814
|
-
|
|
3815
|
-
.svc-question__content .sd-boolean:not(.sd-boolean--checked):not(.sd-boolean--indeterminate) .sd-boolean__label:nth-of-type(1),
|
|
3816
|
-
.svc-question__content .sd-boolean--checked .sd-boolean__label:nth-of-type(2) {
|
|
3817
|
-
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3818
|
-
font-weight: 600;
|
|
3819
|
-
background: var(--background, #fff);
|
|
3820
|
-
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
3821
|
-
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
3822
|
-
}
|
|
3823
|
-
.svc-question__content .sd-boolean__switch {
|
|
3824
|
-
display: none;
|
|
3776
|
+
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3825
3777
|
}
|
|
3826
3778
|
|
|
3827
3779
|
.sd-boolean--error {
|
|
3828
|
-
background-color: var(--red-light, rgba(230, 10, 62, 0.1));
|
|
3780
|
+
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
3829
3781
|
}
|
|
3830
3782
|
|
|
3831
3783
|
.sd-paneldynamic .sd-progress {
|
|
@@ -3842,7 +3794,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3842
3794
|
}
|
|
3843
3795
|
.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {
|
|
3844
3796
|
padding-bottom: 0;
|
|
3845
|
-
padding-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--base-unit, 8px));
|
|
3797
|
+
padding-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3846
3798
|
}
|
|
3847
3799
|
.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header:after {
|
|
3848
3800
|
display: none;
|
|
@@ -3892,8 +3844,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3892
3844
|
}
|
|
3893
3845
|
.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,
|
|
3894
3846
|
.sd-paneldynamic__footer .sd-paneldynamic__next-btn svg {
|
|
3895
|
-
width: calc(2 * var(--base-unit, 8px));
|
|
3896
|
-
height: calc(2 * var(--base-unit, 8px));
|
|
3847
|
+
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3848
|
+
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3897
3849
|
}
|
|
3898
3850
|
.sd-paneldynamic__footer .sd-paneldynamic__add-btn,
|
|
3899
3851
|
.sd-paneldynamic__footer .sd-paneldynamic__progress-text,
|
|
@@ -3904,27 +3856,27 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3904
3856
|
.sd-paneldynamic__buttons-container {
|
|
3905
3857
|
display: flex;
|
|
3906
3858
|
align-items: center;
|
|
3907
|
-
padding: calc(var(--sd-base-vertical-padding) - var(--base-unit, 8px)) 0;
|
|
3859
|
+
padding: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
3908
3860
|
}
|
|
3909
3861
|
|
|
3910
3862
|
.sd-paneldynamic__progress-container {
|
|
3911
3863
|
display: flex;
|
|
3912
3864
|
align-items: center;
|
|
3913
3865
|
margin-left: auto;
|
|
3914
|
-
margin-right: calc(-1 * var(--base-unit, 8px));
|
|
3866
|
+
margin-right: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3915
3867
|
}
|
|
3916
3868
|
|
|
3917
3869
|
.sd-paneldynamic__progress-text {
|
|
3918
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
3870
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3919
3871
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
3920
3872
|
margin: 0;
|
|
3921
|
-
margin-right: calc(3 * var(--base-unit, 8px));
|
|
3873
|
+
margin-right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3922
3874
|
}
|
|
3923
3875
|
|
|
3924
3876
|
.sd-paneldynamic__prev-btn,
|
|
3925
3877
|
.sd-paneldynamic__next-btn {
|
|
3926
|
-
width: calc(2 * var(--base-unit, 8px));
|
|
3927
|
-
height: calc(2 * var(--base-unit, 8px));
|
|
3878
|
+
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3879
|
+
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3928
3880
|
}
|
|
3929
3881
|
.sd-paneldynamic__prev-btn .sv-svg-icon,
|
|
3930
3882
|
.sd-paneldynamic__next-btn .sv-svg-icon {
|
|
@@ -3932,12 +3884,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3932
3884
|
}
|
|
3933
3885
|
|
|
3934
3886
|
.sd-paneldynamic__prev-btn {
|
|
3935
|
-
margin-right: calc(2 * var(--base-unit, 8px));
|
|
3887
|
+
margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3936
3888
|
}
|
|
3937
3889
|
|
|
3938
3890
|
.sd-paneldynamic__next-btn {
|
|
3939
|
-
margin-left: calc(-1 * var(--base-unit, 8px));
|
|
3940
|
-
margin-right: calc(2 * var(--base-unit, 8px));
|
|
3891
|
+
margin-left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3892
|
+
margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3941
3893
|
transform: rotate(180deg);
|
|
3942
3894
|
}
|
|
3943
3895
|
|
|
@@ -3956,24 +3908,24 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3956
3908
|
|
|
3957
3909
|
.sd-paneldynamic__buttons-container .sd-action-bar {
|
|
3958
3910
|
width: 100%;
|
|
3959
|
-
margin: 0 calc(-3 * var(--base-unit, 8px));
|
|
3960
|
-
width: calc(100% + 6 * var(--base-unit, 8px));
|
|
3911
|
+
margin: 0 calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3912
|
+
width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3961
3913
|
}
|
|
3962
3914
|
|
|
3963
3915
|
.sd-paneldynamic__panel-footer {
|
|
3964
3916
|
border-top: none;
|
|
3965
3917
|
position: relative;
|
|
3966
3918
|
top: calc(0.5 * var(--sd-base-vertical-padding));
|
|
3967
|
-
margin-right: calc(-3 * var(--base-unit, 8px));
|
|
3919
|
+
margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3968
3920
|
justify-content: flex-end;
|
|
3969
3921
|
}
|
|
3970
3922
|
|
|
3971
3923
|
.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) {
|
|
3972
|
-
margin-bottom: calc(-1 * var(--base-unit, 8px));
|
|
3924
|
+
margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3973
3925
|
}
|
|
3974
3926
|
|
|
3975
3927
|
.sv-tabs-toolbar.sv-action-bar {
|
|
3976
|
-
gap: calc(4 * var(--base-unit, 8px));
|
|
3928
|
+
gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3977
3929
|
}
|
|
3978
3930
|
|
|
3979
3931
|
.sv-tabs-toolbar.sv-tabs-toolbar--left {
|
|
@@ -3993,19 +3945,19 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3993
3945
|
}
|
|
3994
3946
|
|
|
3995
3947
|
.sv-tab-item {
|
|
3996
|
-
padding: calc(1 * var(--base-unit, 8px)) 0 calc(2 * var(--base-unit, 8px)) 0;
|
|
3948
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
3997
3949
|
display: flex;
|
|
3998
3950
|
-webkit-appearance: none;
|
|
3999
3951
|
-moz-appearance: none;
|
|
4000
3952
|
appearance: none;
|
|
4001
3953
|
display: flex;
|
|
4002
|
-
padding: calc(1 * var(--base-unit, 8px));
|
|
3954
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4003
3955
|
box-sizing: border-box;
|
|
4004
3956
|
border: none;
|
|
4005
3957
|
background-color: transparent;
|
|
4006
3958
|
cursor: pointer;
|
|
4007
3959
|
font-family: var(--font-family, var(--font-family));
|
|
4008
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
3960
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4009
3961
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
4010
3962
|
overflow-x: hidden;
|
|
4011
3963
|
white-space: nowrap;
|
|
@@ -4017,8 +3969,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4017
3969
|
}
|
|
4018
3970
|
|
|
4019
3971
|
.sv-tab-item__title {
|
|
4020
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
4021
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
3972
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3973
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4022
3974
|
display: flex;
|
|
4023
3975
|
align-items: center;
|
|
4024
3976
|
}
|
|
@@ -4032,28 +3984,28 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4032
3984
|
}
|
|
4033
3985
|
|
|
4034
3986
|
.sd-file {
|
|
4035
|
-
min-height: calc(36 * var(--base-unit, 8px));
|
|
3987
|
+
min-height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4036
3988
|
position: relative;
|
|
4037
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
4038
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
3989
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3990
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4039
3991
|
}
|
|
4040
3992
|
.sd-file .sv-action-bar {
|
|
4041
|
-
padding: calc(1 * var(--base-unit, 8px)) 0;
|
|
3993
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
4042
3994
|
justify-content: center;
|
|
4043
3995
|
position: absolute;
|
|
4044
3996
|
width: 100%;
|
|
4045
3997
|
bottom: 0;
|
|
4046
3998
|
}
|
|
4047
3999
|
.sd-file .sv-action-bar .sv-action-bar-item {
|
|
4048
|
-
height: calc(4 * var(--base-unit, 8px));
|
|
4000
|
+
height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4049
4001
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
4050
|
-
border-radius: calc(2 * var(--base-unit, 8px));
|
|
4002
|
+
border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4051
4003
|
}
|
|
4052
4004
|
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item {
|
|
4053
|
-
padding: calc(0.5 * var(--base-unit, 8px)) 0;
|
|
4005
|
+
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
4054
4006
|
}
|
|
4055
4007
|
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover {
|
|
4056
|
-
background-color: var(--background, #fff);
|
|
4008
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
4057
4009
|
}
|
|
4058
4010
|
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:disabled {
|
|
4059
4011
|
opacity: initial;
|
|
@@ -4083,7 +4035,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4083
4035
|
}
|
|
4084
4036
|
|
|
4085
4037
|
.sd-file__drag-area-placeholder {
|
|
4086
|
-
padding: 0 calc(8 * var(--base-unit, 8px));
|
|
4038
|
+
padding: 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4087
4039
|
text-align: center;
|
|
4088
4040
|
word-break: break-word;
|
|
4089
4041
|
white-space: normal;
|
|
@@ -4092,7 +4044,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4092
4044
|
|
|
4093
4045
|
.sd-file__choose-btn--text {
|
|
4094
4046
|
display: block;
|
|
4095
|
-
margin-top: calc(1 * var(--base-unit, 8px));
|
|
4047
|
+
margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4096
4048
|
font-weight: 600;
|
|
4097
4049
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4098
4050
|
cursor: pointer;
|
|
@@ -4115,20 +4067,20 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4115
4067
|
|
|
4116
4068
|
.sd-file__choose-btn--icon,
|
|
4117
4069
|
.sd-file__clean-btn {
|
|
4118
|
-
top: calc(1 * var(--base-unit, 8px));
|
|
4070
|
+
top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4119
4071
|
position: absolute;
|
|
4120
4072
|
}
|
|
4121
4073
|
|
|
4122
4074
|
.sd-file__clean-btn {
|
|
4123
4075
|
z-index: 2;
|
|
4124
|
-
right: calc(1 * var(--base-unit, 8px));
|
|
4076
|
+
right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4125
4077
|
}
|
|
4126
4078
|
.sd-file__clean-btn span:first-child {
|
|
4127
4079
|
display: none;
|
|
4128
4080
|
}
|
|
4129
4081
|
|
|
4130
4082
|
.sd-file__choose-btn--icon {
|
|
4131
|
-
right: calc(8 * var(--base-unit, 8px));
|
|
4083
|
+
right: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4132
4084
|
}
|
|
4133
4085
|
|
|
4134
4086
|
.sd-file__list {
|
|
@@ -4138,9 +4090,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4138
4090
|
flex-direction: row;
|
|
4139
4091
|
align-items: stretch;
|
|
4140
4092
|
justify-content: space-between;
|
|
4141
|
-
padding: calc(10.5 * var(--base-unit, 8px)) 0;
|
|
4142
|
-
min-height: calc(15 * var(--base-unit, 8px));
|
|
4143
|
-
max-height: calc(15 * var(--base-unit, 8px));
|
|
4093
|
+
padding: calc(10.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
4094
|
+
min-height: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4095
|
+
max-height: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4144
4096
|
position: absolute;
|
|
4145
4097
|
width: 100%;
|
|
4146
4098
|
}
|
|
@@ -4154,7 +4106,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4154
4106
|
margin: 0 auto;
|
|
4155
4107
|
}
|
|
4156
4108
|
.sd-file__preview .sd-file__default-image {
|
|
4157
|
-
width: calc(7 * var(--base-unit, 8px));
|
|
4109
|
+
width: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4158
4110
|
height: 90px;
|
|
4159
4111
|
}
|
|
4160
4112
|
.sd-file__preview img:hover + .sd-file__remove-file-button,
|
|
@@ -4168,10 +4120,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4168
4120
|
}
|
|
4169
4121
|
|
|
4170
4122
|
.sd-file__sign {
|
|
4171
|
-
margin-top: calc(1 * var(--base-unit, 8px));
|
|
4123
|
+
margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4172
4124
|
text-align: center;
|
|
4173
|
-
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
4174
|
-
line-height: calc(2 * var(--base-unit, 8px));
|
|
4125
|
+
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4126
|
+
line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4175
4127
|
}
|
|
4176
4128
|
.sd-file__sign a {
|
|
4177
4129
|
display: block;
|
|
@@ -4179,11 +4131,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4179
4131
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
4180
4132
|
white-space: normal;
|
|
4181
4133
|
word-break: break-all;
|
|
4182
|
-
width: calc(12 * var(--base-unit, 8px));
|
|
4134
|
+
width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4183
4135
|
overflow: hidden;
|
|
4184
|
-
max-height: calc(6 * var(--base-unit, 8px));
|
|
4136
|
+
max-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4185
4137
|
text-overflow: ellipsis;
|
|
4186
|
-
line-height: calc(2 * var(--base-unit, 8px));
|
|
4138
|
+
line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4187
4139
|
display: -webkit-box;
|
|
4188
4140
|
-webkit-line-clamp: 3;
|
|
4189
4141
|
-webkit-box-orient: vertical;
|
|
@@ -4194,21 +4146,21 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4194
4146
|
}
|
|
4195
4147
|
|
|
4196
4148
|
.sd-file__decorator--error {
|
|
4197
|
-
background-color: var(--red-light, rgba(230, 10, 62, 0.1));
|
|
4149
|
+
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
4198
4150
|
}
|
|
4199
4151
|
|
|
4200
4152
|
.sd-file__image-wrapper {
|
|
4201
4153
|
position: relative;
|
|
4202
4154
|
text-align: center;
|
|
4203
|
-
min-width: calc(12 * var(--base-unit, 8px));
|
|
4204
|
-
min-height: calc(12 * var(--base-unit, 8px));
|
|
4155
|
+
min-width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4156
|
+
min-height: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4205
4157
|
}
|
|
4206
4158
|
.sd-file__image-wrapper img:not(.sd-file__default-image) {
|
|
4207
4159
|
display: block;
|
|
4208
|
-
width: calc(12 * var(--base-unit, 8px));
|
|
4209
|
-
height: calc(12 * var(--base-unit, 8px));
|
|
4160
|
+
width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4161
|
+
height: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4210
4162
|
object-fit: contain;
|
|
4211
|
-
background: var(--background-dim, #f3f3f3);
|
|
4163
|
+
background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
4212
4164
|
}
|
|
4213
4165
|
|
|
4214
4166
|
.sd-file--single img:hover + .sd-file__remove-file-button {
|
|
@@ -4216,11 +4168,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4216
4168
|
}
|
|
4217
4169
|
|
|
4218
4170
|
.sd-file--mobile .sd-file__list {
|
|
4219
|
-
height: calc(100% - 4 * var(--base-unit, 8px));
|
|
4171
|
+
height: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4220
4172
|
}
|
|
4221
4173
|
|
|
4222
4174
|
.sd-file--single-image {
|
|
4223
|
-
height: calc(36 * var(--base-unit, 8px));
|
|
4175
|
+
height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4224
4176
|
}
|
|
4225
4177
|
.sd-file--single-image .sd-file__preview {
|
|
4226
4178
|
width: 100%;
|
|
@@ -4239,7 +4191,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4239
4191
|
.sd-file--single-image .sd-file__image-wrapper img {
|
|
4240
4192
|
width: 100%;
|
|
4241
4193
|
height: 100%;
|
|
4242
|
-
background-color: var(--background-dim-light, #f9f9f9);
|
|
4194
|
+
background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
4243
4195
|
}
|
|
4244
4196
|
.sd-file--single-image .sd-file__sign {
|
|
4245
4197
|
position: absolute;
|
|
@@ -4272,7 +4224,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4272
4224
|
}
|
|
4273
4225
|
|
|
4274
4226
|
.sd-body__navigation .sd-btn {
|
|
4275
|
-
padding: calc(2 * var(--base-unit, 8px)) calc(8 * var(--base-unit, 8px));
|
|
4227
|
+
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4276
4228
|
}
|
|
4277
4229
|
|
|
4278
4230
|
.sd-root-modern--mobile .sd-body__navigation .sv-action:not(.sv-action--hidden),
|
|
@@ -4280,7 +4232,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4280
4232
|
flex-grow: 1;
|
|
4281
4233
|
}
|
|
4282
4234
|
.sd-root-modern--mobile .sd-body__navigation .sd-btn {
|
|
4283
|
-
padding: calc(2 * var(--base-unit, 8px)) calc(4 * var(--base-unit, 8px));
|
|
4235
|
+
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4284
4236
|
}
|
|
4285
4237
|
|
|
4286
4238
|
.sd-body__navigation .sv-action--hidden {
|
|
@@ -4291,19 +4243,19 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4291
4243
|
appearance: none;
|
|
4292
4244
|
-webkit-appearance: none;
|
|
4293
4245
|
-moz-appearance: none;
|
|
4294
|
-
padding: calc(2 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px));
|
|
4295
|
-
background: var(--background, #fff);
|
|
4246
|
+
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4247
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
4296
4248
|
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
4297
4249
|
border-radius: calc(1 * var(--sjs-corner-radius, 4px));
|
|
4298
4250
|
cursor: pointer;
|
|
4299
4251
|
font-family: var(--font-family, var(--font-family));
|
|
4300
4252
|
font-style: normal;
|
|
4301
4253
|
font-weight: 600;
|
|
4302
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
4303
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
4254
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4255
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4304
4256
|
text-align: center;
|
|
4305
4257
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4306
|
-
border:
|
|
4258
|
+
border: none;
|
|
4307
4259
|
outline: none;
|
|
4308
4260
|
}
|
|
4309
4261
|
|
|
@@ -4340,14 +4292,14 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4340
4292
|
width: 100%;
|
|
4341
4293
|
}
|
|
4342
4294
|
.sd-body .sd-body__page {
|
|
4343
|
-
min-width: calc(300px + 6 * var(--base-unit, 8px));
|
|
4295
|
+
min-width: calc(300px + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4344
4296
|
}
|
|
4345
4297
|
.sd-body .sd-body__timer {
|
|
4346
|
-
padding: calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) 0;
|
|
4298
|
+
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
4347
4299
|
box-sizing: border-box;
|
|
4348
4300
|
}
|
|
4349
4301
|
.sd-body.sd-body--static {
|
|
4350
|
-
max-width: calc(84 * var(--base-unit, 8px));
|
|
4302
|
+
max-width: calc(84 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4351
4303
|
margin-left: auto;
|
|
4352
4304
|
margin-right: auto;
|
|
4353
4305
|
}
|
|
@@ -4362,10 +4314,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4362
4314
|
}
|
|
4363
4315
|
.sd-body.sd-body--responsive .sd-body__timer,
|
|
4364
4316
|
.sd-body.sd-body--responsive .sd-body__navigation {
|
|
4365
|
-
padding: calc(2 * var(--base-unit, 8px)) var(--sd-page-vertical-padding);
|
|
4317
|
+
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-page-vertical-padding);
|
|
4366
4318
|
}
|
|
4367
4319
|
.sd-body.sd-body--responsive.sd-body--with-timer {
|
|
4368
|
-
max-width: calc(100% + var(--sd-timer-size) * ( -1 - 64 / 144 ) + 6 * var(--base-unit, 8px));
|
|
4320
|
+
max-width: calc(100% + var(--sd-timer-size) * ( -1 - 64 / 144 ) + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4369
4321
|
margin-left: auto;
|
|
4370
4322
|
margin-right: auto;
|
|
4371
4323
|
}
|
|
@@ -4378,13 +4330,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4378
4330
|
|
|
4379
4331
|
.sd-body__navigation.sd-action-bar {
|
|
4380
4332
|
box-sizing: border-box;
|
|
4381
|
-
padding: calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
|
|
4333
|
+
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4382
4334
|
flex-wrap: wrap;
|
|
4383
|
-
gap: calc(2 * var(--base-unit, 8px));
|
|
4335
|
+
gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4384
4336
|
}
|
|
4385
4337
|
|
|
4386
4338
|
.sd-body__progress {
|
|
4387
|
-
margin-bottom: calc(4 * var(--base-unit, 8px));
|
|
4339
|
+
margin-bottom: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4388
4340
|
}
|
|
4389
4341
|
|
|
4390
4342
|
.sd-body__progress--top {
|
|
@@ -4412,7 +4364,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4412
4364
|
}
|
|
4413
4365
|
|
|
4414
4366
|
.sd-multipletext__cell:not(:last-child) {
|
|
4415
|
-
padding-right: calc(2 * var(--base-unit, 8px));
|
|
4367
|
+
padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4416
4368
|
}
|
|
4417
4369
|
|
|
4418
4370
|
.sd-multipletext__item-container.sd-input:focus-within {
|
|
@@ -4432,19 +4384,19 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4432
4384
|
padding-bottom: 0;
|
|
4433
4385
|
border: none;
|
|
4434
4386
|
box-shadow: none;
|
|
4435
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
4387
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4436
4388
|
}
|
|
4437
4389
|
|
|
4438
4390
|
.sd-multipletext__item-container .sd-input,
|
|
4439
4391
|
.sd-multipletext__item-title {
|
|
4440
|
-
margin-top: calc(1.5 * var(--base-unit, 8px));
|
|
4441
|
-
margin-bottom: calc(1.5 * var(--base-unit, 8px));
|
|
4392
|
+
margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4393
|
+
margin-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4442
4394
|
}
|
|
4443
4395
|
|
|
4444
4396
|
.sd-multipletext__item-title {
|
|
4445
|
-
height: calc(100% - var(--base-unit, 8px) * 3);
|
|
4397
|
+
height: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 3);
|
|
4446
4398
|
max-width: 30%;
|
|
4447
|
-
padding-right: calc(2 * var(--base-unit, 8px));
|
|
4399
|
+
padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4448
4400
|
border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
|
|
4449
4401
|
word-break: break-word;
|
|
4450
4402
|
white-space: normal;
|
|
@@ -4460,7 +4412,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4460
4412
|
}
|
|
4461
4413
|
|
|
4462
4414
|
.sd-multipletext__item-container--error {
|
|
4463
|
-
background-color: var(--red-light, rgba(230, 10, 62, 0.1));
|
|
4415
|
+
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
4464
4416
|
}
|
|
4465
4417
|
.sd-multipletext__item-container--error .sd-input--error {
|
|
4466
4418
|
background-color: transparent;
|
|
@@ -4471,30 +4423,30 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4471
4423
|
}
|
|
4472
4424
|
|
|
4473
4425
|
.sd-multipletext tr:not(:last-child) .sd-multipletext__cell {
|
|
4474
|
-
padding-bottom: calc(2 * var(--base-unit, 8px));
|
|
4426
|
+
padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4475
4427
|
}
|
|
4476
4428
|
|
|
4477
4429
|
.sd-action {
|
|
4478
4430
|
appearance: none;
|
|
4479
4431
|
border: none;
|
|
4480
4432
|
background: transparent;
|
|
4481
|
-
padding: calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
|
|
4433
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4482
4434
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4483
|
-
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
4435
|
+
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4484
4436
|
font-weight: 600;
|
|
4485
4437
|
font-family: var(--font-family, var(--font-family));
|
|
4486
4438
|
font-style: normal;
|
|
4487
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
4488
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
4439
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4440
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4489
4441
|
outline: none;
|
|
4490
4442
|
}
|
|
4491
4443
|
|
|
4492
4444
|
.sd-action--negative {
|
|
4493
|
-
color: var(--red, #e60a3e);
|
|
4445
|
+
color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
4494
4446
|
}
|
|
4495
4447
|
|
|
4496
4448
|
.sd-action--icon {
|
|
4497
|
-
padding: calc(1 * var(--base-unit, 8px));
|
|
4449
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4498
4450
|
}
|
|
4499
4451
|
|
|
4500
4452
|
.sd-action--icon use {
|
|
@@ -4522,15 +4474,15 @@ svg.sd-action--icon {
|
|
|
4522
4474
|
}
|
|
4523
4475
|
.sd-action:not(.sd-action--pressed):hover.sd-action--icon,
|
|
4524
4476
|
.sd-action:not(.sd-action--pressed):focus.sd-action--icon {
|
|
4525
|
-
background-color: var(--background-dim, #f3f3f3);
|
|
4477
|
+
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
4526
4478
|
}
|
|
4527
4479
|
.sd-action:not(.sd-action--pressed):hover.sd-action--negative,
|
|
4528
4480
|
.sd-action:not(.sd-action--pressed):focus.sd-action--negative {
|
|
4529
|
-
background-color: var(--red-light, rgba(230, 10, 62, 0.1));
|
|
4481
|
+
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
4530
4482
|
}
|
|
4531
4483
|
.sd-action:not(.sd-action--pressed):hover.sd-action--negative.sd-action--icon use,
|
|
4532
4484
|
.sd-action:not(.sd-action--pressed):focus.sd-action--negative.sd-action--icon use {
|
|
4533
|
-
fill: var(--red, #e60a3e);
|
|
4485
|
+
fill: var(--sjs-special-red, var(--red, #e60a3e));
|
|
4534
4486
|
}
|
|
4535
4487
|
.sd-action:not(.sd-action--pressed):hover:active,
|
|
4536
4488
|
.sd-action:not(.sd-action--pressed):focus:active {
|
|
@@ -4539,12 +4491,12 @@ svg.sd-action--icon {
|
|
|
4539
4491
|
|
|
4540
4492
|
.sd-action__icon {
|
|
4541
4493
|
display: block;
|
|
4542
|
-
width: calc(3 * var(--base-unit, 8px));
|
|
4543
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
4494
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4495
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4544
4496
|
}
|
|
4545
4497
|
|
|
4546
4498
|
.sd-action--pressed:not(.sd-action--active) {
|
|
4547
|
-
background-color: var(--background-dim, #f3f3f3);
|
|
4499
|
+
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
4548
4500
|
opacity: 0.5;
|
|
4549
4501
|
}
|
|
4550
4502
|
|
|
@@ -4557,17 +4509,17 @@ svg.sd-action--icon {
|
|
|
4557
4509
|
}
|
|
4558
4510
|
|
|
4559
4511
|
.sd-context-btn {
|
|
4560
|
-
background-color: var(--background, #fff);
|
|
4561
|
-
padding: calc(1.5 * var(--base-unit, 8px));
|
|
4562
|
-
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
4512
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
4513
|
+
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4514
|
+
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4563
4515
|
border: none;
|
|
4564
4516
|
outline: none;
|
|
4565
4517
|
cursor: pointer;
|
|
4566
4518
|
}
|
|
4567
4519
|
.sd-context-btn svg {
|
|
4568
4520
|
display: block;
|
|
4569
|
-
width: calc(3 * var(--base-unit, 8px));
|
|
4570
|
-
height: calc(3 * var(--base-unit, 8px));
|
|
4521
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4522
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4571
4523
|
}
|
|
4572
4524
|
.sd-context-btn use {
|
|
4573
4525
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -4579,7 +4531,7 @@ svg.sd-action--icon {
|
|
|
4579
4531
|
}
|
|
4580
4532
|
.sd-context-btn:hover.sd-context-btn--negative use,
|
|
4581
4533
|
.sd-context-btn:focus.sd-context-btn--negative use {
|
|
4582
|
-
fill: var(--red, #e60a3e);
|
|
4534
|
+
fill: var(--sjs-special-red, var(--red, #e60a3e));
|
|
4583
4535
|
}
|
|
4584
4536
|
|
|
4585
4537
|
.sd-context-btn:disabled {
|
|
@@ -4594,23 +4546,23 @@ svg.sd-action--icon {
|
|
|
4594
4546
|
height: auto;
|
|
4595
4547
|
}
|
|
4596
4548
|
.sd-completedpage h3 {
|
|
4597
|
-
font-size: calc(1.5 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
4549
|
+
font-size: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4598
4550
|
}
|
|
4599
4551
|
|
|
4600
4552
|
.sd-completedpage:before,
|
|
4601
4553
|
.sd-completedpage:after {
|
|
4602
4554
|
display: block;
|
|
4603
|
-
width: calc(9 * var(--base-unit, 8px));
|
|
4604
|
-
margin-left: calc(50% - 4.5 * var(--base-unit, 8px));
|
|
4555
|
+
width: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4556
|
+
margin-left: calc(50% - 4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4605
4557
|
content: "";
|
|
4606
4558
|
}
|
|
4607
4559
|
|
|
4608
4560
|
.sd-completedpage:before {
|
|
4609
|
-
height: calc(13 * var(--base-unit, 8px));
|
|
4561
|
+
height: calc(13 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4610
4562
|
}
|
|
4611
4563
|
|
|
4612
4564
|
.sd-completedpage:after {
|
|
4613
|
-
height: calc(2 * var(--base-unit, 8px));
|
|
4565
|
+
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4614
4566
|
}
|
|
4615
4567
|
|
|
4616
4568
|
.sd-progress-buttons__image-button-left {
|
|
@@ -4637,8 +4589,8 @@ svg.sd-action--icon {
|
|
|
4637
4589
|
flex-grow: 1;
|
|
4638
4590
|
text-decoration: none;
|
|
4639
4591
|
border-top: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
4640
|
-
padding-top: calc(2 * var(--base-unit, 8px));
|
|
4641
|
-
padding-bottom: calc(4 * var(--base-unit, 8px));
|
|
4592
|
+
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4593
|
+
padding-bottom: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4642
4594
|
cursor: pointer;
|
|
4643
4595
|
}
|
|
4644
4596
|
.sd-progress-buttons__list li:hover .sd-progress-buttons__page-title {
|
|
@@ -4661,26 +4613,26 @@ svg.sd-action--icon {
|
|
|
4661
4613
|
|
|
4662
4614
|
.sd-progress-buttons__page-title {
|
|
4663
4615
|
width: 100%;
|
|
4664
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
4616
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4665
4617
|
font-weight: 600;
|
|
4666
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
4618
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4667
4619
|
}
|
|
4668
4620
|
|
|
4669
4621
|
.sd-progress-buttons__page-description {
|
|
4670
4622
|
width: 100%;
|
|
4671
|
-
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
4672
|
-
line-height: calc(2 * var(--base-unit, 8px));
|
|
4623
|
+
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4624
|
+
line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4673
4625
|
font-weight: 600;
|
|
4674
4626
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
4675
4627
|
}
|
|
4676
4628
|
|
|
4677
4629
|
.sv_progress-toc {
|
|
4678
|
-
padding: calc(1 * var(--base-unit, 8px));
|
|
4679
|
-
max-width: calc(42 * var(--base-unit, 8px));
|
|
4630
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4631
|
+
max-width: calc(42 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4680
4632
|
height: 100%;
|
|
4681
|
-
background: var(--background, #fff);
|
|
4633
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
4682
4634
|
box-sizing: border-box;
|
|
4683
|
-
min-width: calc(32 * var(--base-unit, 8px));
|
|
4635
|
+
min-width: calc(32 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4684
4636
|
}
|
|
4685
4637
|
.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {
|
|
4686
4638
|
background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
@@ -4691,11 +4643,11 @@ svg.sd-action--icon {
|
|
|
4691
4643
|
white-space: break-spaces;
|
|
4692
4644
|
}
|
|
4693
4645
|
.sv_progress-toc .sv-list__item-body {
|
|
4694
|
-
padding-inline-start: calc(2 * var(--base-unit, 8px));
|
|
4695
|
-
padding-inline-end: calc(2 * var(--base-unit, 8px));
|
|
4646
|
+
padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4647
|
+
padding-inline-end: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4696
4648
|
border-radius: calc(1 * var(--sjs-corner-radius, 4px));
|
|
4697
|
-
padding-top: calc(1.5 * var(--base-unit, 8px));
|
|
4698
|
-
padding-bottom: calc(1.5 * var(--base-unit, 8px));
|
|
4649
|
+
padding-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4650
|
+
padding-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4699
4651
|
}
|
|
4700
4652
|
|
|
4701
4653
|
.sv_progress-toc--left {
|
|
@@ -4707,32 +4659,32 @@ svg.sd-action--icon {
|
|
|
4707
4659
|
}
|
|
4708
4660
|
|
|
4709
4661
|
.sd-list {
|
|
4710
|
-
padding-right: calc(0.5 * var(--base-unit, 8px));
|
|
4711
|
-
padding-left: calc(0.5 * var(--base-unit, 8px));
|
|
4662
|
+
padding-right: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4663
|
+
padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4712
4664
|
}
|
|
4713
4665
|
|
|
4714
4666
|
.sd-list__item.sd-list__item {
|
|
4715
4667
|
padding: 0;
|
|
4716
4668
|
}
|
|
4717
4669
|
.sd-list__item.sd-list__item .sd-list__item-body {
|
|
4718
|
-
padding-block: calc(1.5 * var(--base-unit, 8px));
|
|
4670
|
+
padding-block: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4719
4671
|
border-radius: calc(1 * var(--sjs-corner-radius, 4px));
|
|
4720
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
4721
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
4672
|
+
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4673
|
+
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4722
4674
|
}
|
|
4723
4675
|
|
|
4724
4676
|
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {
|
|
4725
4677
|
outline: none;
|
|
4726
4678
|
}
|
|
4727
4679
|
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body {
|
|
4728
|
-
padding-block: calc(1.25 * var(--base-unit, 8px));
|
|
4680
|
+
padding-block: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4729
4681
|
}
|
|
4730
4682
|
|
|
4731
4683
|
.sd-timer {
|
|
4732
4684
|
z-index: 2;
|
|
4733
4685
|
position: fixed;
|
|
4734
4686
|
bottom: calc(var(--sd-timer-size) / 144 * 32);
|
|
4735
|
-
right: calc(1 * var(--base-unit, 8px));
|
|
4687
|
+
right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4736
4688
|
background: white;
|
|
4737
4689
|
width: var(--sd-timer-size);
|
|
4738
4690
|
height: var(--sd-timer-size);
|
|
@@ -4740,14 +4692,14 @@ svg.sd-action--icon {
|
|
|
4740
4692
|
display: flex;
|
|
4741
4693
|
border-radius: 100%;
|
|
4742
4694
|
padding: calc(var(--sd-timer-size) / 144 * 8);
|
|
4743
|
-
filter: drop-shadow(0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.1));
|
|
4695
|
+
filter: drop-shadow(0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1));
|
|
4744
4696
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1019607843);
|
|
4745
4697
|
box-sizing: border-box;
|
|
4746
4698
|
}
|
|
4747
4699
|
|
|
4748
4700
|
.sd-timer--top {
|
|
4749
4701
|
top: calc(var(--sd-timer-size) / 144 * 32);
|
|
4750
|
-
margin-top: calc(4 * var(--base-unit, 8px));
|
|
4702
|
+
margin-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4751
4703
|
margin-bottom: calc(-1 * var(--sd-timer-size));
|
|
4752
4704
|
}
|
|
4753
4705
|
|
|
@@ -4782,7 +4734,7 @@ svg.sd-action--icon {
|
|
|
4782
4734
|
left: 50%;
|
|
4783
4735
|
top: 50%;
|
|
4784
4736
|
transform: translate(-50%, -50%);
|
|
4785
|
-
padding: calc(1 * var(--base-unit, 8px));
|
|
4737
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4786
4738
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4787
4739
|
font-weight: 700;
|
|
4788
4740
|
font-size: calc(var(--sd-timer-size) / 144 * 32);
|
|
@@ -4797,7 +4749,7 @@ svg.sd-action--icon {
|
|
|
4797
4749
|
.sd-timer__text--minor {
|
|
4798
4750
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
4799
4751
|
font-weight: 600;
|
|
4800
|
-
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
4752
|
+
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4801
4753
|
}
|
|
4802
4754
|
|
|
4803
4755
|
sv-components-container,
|
|
@@ -4852,16 +4804,16 @@ sv-components-container,
|
|
|
4852
4804
|
|
|
4853
4805
|
.sd-root-modern,
|
|
4854
4806
|
.svc-logic-question-value {
|
|
4855
|
-
--sd-base-padding: calc(5 * var(--base-unit, 8px));
|
|
4856
|
-
--sd-base-vertical-padding: calc(4 * var(--base-unit, 8px));
|
|
4857
|
-
--sd-page-vertical-padding: calc(3 * var(--base-unit, 8px));
|
|
4807
|
+
--sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4808
|
+
--sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4809
|
+
--sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4858
4810
|
}
|
|
4859
4811
|
|
|
4860
4812
|
.svc-creator--mobile .sd-root-modern,
|
|
4861
4813
|
.sd-root-modern.sd-root-modern--mobile {
|
|
4862
|
-
--sd-base-padding: calc(3 * var(--base-unit, 8px));
|
|
4863
|
-
--sd-base-vertical-padding: calc(2 * var(--base-unit, 8px));
|
|
4864
|
-
--sd-page-vertical-padding: calc(2 * var(--base-unit, 8px));
|
|
4814
|
+
--sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4815
|
+
--sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4816
|
+
--sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4865
4817
|
}
|
|
4866
4818
|
|
|
4867
4819
|
.sd-root-modern.sd-root-modern--mobile .sd-element__num {
|
|
@@ -4876,7 +4828,7 @@ sv-components-container,
|
|
|
4876
4828
|
width: auto;
|
|
4877
4829
|
}
|
|
4878
4830
|
.sd-root-modern.sd-root-modern--mobile .sd-element__title--expandable:before {
|
|
4879
|
-
left: calc(-2.5 * var(--base-unit, 8px));
|
|
4831
|
+
left: calc(-2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4880
4832
|
}
|
|
4881
4833
|
.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title {
|
|
4882
4834
|
flex-direction: column;
|
|
@@ -4889,19 +4841,19 @@ sv-components-container,
|
|
|
4889
4841
|
}
|
|
4890
4842
|
.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell:not(:last-child) {
|
|
4891
4843
|
padding-right: 0;
|
|
4892
|
-
padding-bottom: calc(2 * var(--base-unit, 8px));
|
|
4844
|
+
padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4893
4845
|
}
|
|
4894
4846
|
.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-container {
|
|
4895
4847
|
flex-direction: column;
|
|
4896
4848
|
}
|
|
4897
4849
|
.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-title {
|
|
4898
|
-
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
4899
|
-
line-height: calc(2 * var(--base-unit, 8px));
|
|
4900
|
-
height: calc(2 * var(--base-unit, 8px));
|
|
4850
|
+
font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4851
|
+
line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4852
|
+
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4901
4853
|
padding-right: 0;
|
|
4902
4854
|
border-right: none;
|
|
4903
4855
|
margin-bottom: 0;
|
|
4904
|
-
margin-top: calc(1 * var(--base-unit, 8px));
|
|
4856
|
+
margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4905
4857
|
width: 100%;
|
|
4906
4858
|
max-width: none;
|
|
4907
4859
|
}
|
|
@@ -4912,7 +4864,7 @@ sv-components-container,
|
|
|
4912
4864
|
padding-right: 0;
|
|
4913
4865
|
padding-left: 0;
|
|
4914
4866
|
margin-top: 0;
|
|
4915
|
-
margin-bottom: calc(1 * var(--base-unit, 8px));
|
|
4867
|
+
margin-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4916
4868
|
}
|
|
4917
4869
|
.sd-root-modern.sd-root-modern--mobile .sd-selectbase--multi-column {
|
|
4918
4870
|
flex-direction: column;
|
|
@@ -4932,12 +4884,12 @@ sv-components-container,
|
|
|
4932
4884
|
align-items: flex-start;
|
|
4933
4885
|
}
|
|
4934
4886
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {
|
|
4935
|
-
margin-left: calc(1 * var(--base-unit, 8px));
|
|
4887
|
+
margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4936
4888
|
text-align: left;
|
|
4937
4889
|
}
|
|
4938
4890
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell:first-of-type {
|
|
4939
|
-
padding-top: calc(2 * var(--base-unit, 8px));
|
|
4940
|
-
padding-bottom: calc(1 * var(--base-unit, 8px));
|
|
4891
|
+
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4892
|
+
padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4941
4893
|
}
|
|
4942
4894
|
.sd-root-modern.sd-root-modern--mobile .sd-table thead {
|
|
4943
4895
|
display: none;
|
|
@@ -4946,10 +4898,10 @@ sv-components-container,
|
|
|
4946
4898
|
display: block;
|
|
4947
4899
|
}
|
|
4948
4900
|
.sd-root-modern.sd-root-modern--mobile .sd-matrix__table tr + tr {
|
|
4949
|
-
margin-top: calc(1 * var(--base-unit, 8px));
|
|
4901
|
+
margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4950
4902
|
}
|
|
4951
4903
|
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr {
|
|
4952
|
-
padding-bottom: calc(1 * var(--base-unit, 8px));
|
|
4904
|
+
padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4953
4905
|
}
|
|
4954
4906
|
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr::after {
|
|
4955
4907
|
z-index: 12;
|
|
@@ -4958,9 +4910,9 @@ sv-components-container,
|
|
|
4958
4910
|
position: relative;
|
|
4959
4911
|
height: 1px;
|
|
4960
4912
|
background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
4961
|
-
left: calc(-2 * var(--base-unit, 8px));
|
|
4962
|
-
bottom: calc(-1 * var(--base-unit, 8px));
|
|
4963
|
-
width: calc(100% + 4 * var(--base-unit, 8px));
|
|
4913
|
+
left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4914
|
+
bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4915
|
+
width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4964
4916
|
z-index: 12;
|
|
4965
4917
|
}
|
|
4966
4918
|
.sd-root-modern.sd-root-modern--mobile .sd-matrix__label {
|
|
@@ -4973,11 +4925,11 @@ sv-components-container,
|
|
|
4973
4925
|
text-align: left;
|
|
4974
4926
|
}
|
|
4975
4927
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell:not(.sd-matrix__cell):not(:first-of-type) {
|
|
4976
|
-
margin-top: calc(1 * var(--base-unit, 8px));
|
|
4928
|
+
margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4977
4929
|
}
|
|
4978
4930
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell:not(.sd-matrix__cell):not(.sd-table__cell--actions):not(.sd-table__cell--row-text)::before {
|
|
4979
|
-
padding-top: calc(2 * var(--base-unit, 8px));
|
|
4980
|
-
padding-bottom: calc(1 * var(--base-unit, 8px));
|
|
4931
|
+
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4932
|
+
padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4981
4933
|
content: attr(data-responsive-title);
|
|
4982
4934
|
font-weight: 600;
|
|
4983
4935
|
display: block;
|
|
@@ -4987,13 +4939,13 @@ sv-components-container,
|
|
|
4987
4939
|
width: auto;
|
|
4988
4940
|
}
|
|
4989
4941
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {
|
|
4990
|
-
margin-right: calc(-3 * var(--base-unit, 8px));
|
|
4942
|
+
margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4991
4943
|
justify-content: flex-end;
|
|
4992
|
-
background: var(--background, #fff);
|
|
4944
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
4993
4945
|
}
|
|
4994
4946
|
.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {
|
|
4995
4947
|
opacity: 1;
|
|
4996
|
-
padding: calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
|
|
4948
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4997
4949
|
}
|
|
4998
4950
|
.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
|
|
4999
4951
|
display: none;
|
|
@@ -5002,18 +4954,18 @@ sv-components-container,
|
|
|
5002
4954
|
content: attr(title);
|
|
5003
4955
|
}
|
|
5004
4956
|
.sd-root-modern.sd-root-modern--mobile .sd-matrixdynamic__footer {
|
|
5005
|
-
padding-top: calc(1 * var(--base-unit, 8px));
|
|
5006
|
-
margin-bottom: calc(-2 * var(--base-unit, 8px));
|
|
4957
|
+
padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4958
|
+
margin-bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5007
4959
|
}
|
|
5008
4960
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {
|
|
5009
4961
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
5010
|
-
padding-top: calc(2 * var(--base-unit, 8px));
|
|
4962
|
+
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5011
4963
|
}
|
|
5012
4964
|
.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:not(:last-child) {
|
|
5013
|
-
padding-bottom: calc(2 * var(--base-unit, 8px));
|
|
4965
|
+
padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5014
4966
|
}
|
|
5015
4967
|
.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr::after {
|
|
5016
|
-
bottom: calc(-2 * var(--base-unit, 8px));
|
|
4968
|
+
bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5017
4969
|
}
|
|
5018
4970
|
.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:last-child:after {
|
|
5019
4971
|
content: none;
|
|
@@ -5031,10 +4983,10 @@ body {
|
|
|
5031
4983
|
-webkit-font-smoothing: antialiased;
|
|
5032
4984
|
--sd-mobile-width: 600px;
|
|
5033
4985
|
--sd-imagepicker-gap: 16px;
|
|
5034
|
-
--sd-timer-size: calc(18 * var(--base-unit, 8px));
|
|
4986
|
+
--sd-timer-size: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5035
4987
|
width: 100%;
|
|
5036
4988
|
font-family: var(--font-family, var(--font-family));
|
|
5037
|
-
background-color: var(--background-dim, #f3f3f3);
|
|
4989
|
+
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
5038
4990
|
}
|
|
5039
4991
|
.sd-root-modern * {
|
|
5040
4992
|
scrollbar-width: thin;
|
|
@@ -5060,11 +5012,11 @@ body {
|
|
|
5060
5012
|
}
|
|
5061
5013
|
|
|
5062
5014
|
.sd-container-modern {
|
|
5063
|
-
margin-bottom: calc(10 * var(--base-unit, 8px));
|
|
5015
|
+
margin-bottom: calc(10 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5064
5016
|
}
|
|
5065
5017
|
|
|
5066
5018
|
.sd-root-modern--mobile {
|
|
5067
|
-
--sd-timer-size: calc(9 * var(--base-unit, 8px));
|
|
5019
|
+
--sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5068
5020
|
}
|
|
5069
5021
|
|
|
5070
5022
|
.sv-popup .sv-popup__scrolling-content {
|
|
@@ -5074,7 +5026,7 @@ body {
|
|
|
5074
5026
|
.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar {
|
|
5075
5027
|
width: 12px;
|
|
5076
5028
|
height: 12px;
|
|
5077
|
-
background-color: var(--background, #fff);
|
|
5029
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
5078
5030
|
}
|
|
5079
5031
|
.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb {
|
|
5080
5032
|
border: 4px solid rgba(0, 0, 0, 0);
|
|
@@ -5091,23 +5043,23 @@ body {
|
|
|
5091
5043
|
}
|
|
5092
5044
|
|
|
5093
5045
|
.sv-popup.sv-popup--dropdown .sv-popup__shadow {
|
|
5094
|
-
box-shadow: 0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.1);
|
|
5046
|
+
box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1);
|
|
5095
5047
|
}
|
|
5096
5048
|
.sv-popup.sv-popup--dropdown .sv-popup__body-content {
|
|
5097
|
-
background-color: var(--background, #fff);
|
|
5098
|
-
padding: calc(1 * var(--base-unit, 8px)) 0;
|
|
5049
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
5050
|
+
padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
5099
5051
|
}
|
|
5100
5052
|
|
|
5101
5053
|
.sv-popup.sv-popup--modal .sv-popup__body-content {
|
|
5102
|
-
box-shadow: 0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.1);
|
|
5103
|
-
background-color: var(--background-dim-light, #f9f9f9);
|
|
5054
|
+
box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1);
|
|
5055
|
+
background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
5104
5056
|
}
|
|
5105
5057
|
.sv-popup.sv-popup--modal .sv-popup__body-footer {
|
|
5106
5058
|
padding-bottom: 2px;
|
|
5107
5059
|
}
|
|
5108
5060
|
|
|
5109
5061
|
.sv-popup.sv-popup--overlay .sv-popup__body-content {
|
|
5110
|
-
background-color: var(--background-dim, #f3f3f3);
|
|
5062
|
+
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
5111
5063
|
}
|
|
5112
5064
|
|
|
5113
5065
|
/*# sourceMappingURL=defaultV2.css.map*/
|