survey-react 1.9.110 → 1.9.111
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/defaultV2.css +768 -670
- package/defaultV2.css.map +1 -1
- package/defaultV2.min.css +2 -2
- package/modern.css +300 -240
- package/modern.css.map +1 -1
- package/modern.min.css +2 -2
- package/package.json +1 -1
- package/survey.css +66 -53
- package/survey.css.map +1 -1
- package/survey.min.css +2 -2
- package/survey.react.d.ts +218 -168
- package/survey.react.js +522 -288
- 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.111
|
|
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
|
|
246
|
+
margin: 0 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(--sjs-base-unit, 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,10 +255,10 @@
|
|
|
255
255
|
-moz-appearance: none;
|
|
256
256
|
appearance: none;
|
|
257
257
|
display: flex;
|
|
258
|
-
padding:
|
|
258
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
259
259
|
box-sizing: border-box;
|
|
260
260
|
border: none;
|
|
261
|
-
border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));
|
|
261
|
+
border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
|
|
262
262
|
background-color: transparent;
|
|
263
263
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
264
264
|
cursor: pointer;
|
|
@@ -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(--sjs-base-unit, var(--base-unit, 8px)));
|
|
276
|
-
font-size:
|
|
277
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
278
|
-
margin: 0
|
|
275
|
+
height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
276
|
+
font-size: var(--sjs-font-size, 16px);
|
|
277
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
278
|
+
margin: 0 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(--sjs-base-unit, var(--base-unit, 8px)));
|
|
283
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
284
|
-
line-height:
|
|
285
|
-
margin: 0 calc(0.5 * var(--sjs-base-unit, 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, 16px)));
|
|
284
|
+
line-height: var(--sjs-font-size, 16px);
|
|
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:
|
|
297
|
+
margin-inline-start: 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(--sjs-base-unit, 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 {
|
|
@@ -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(--sjs-base-unit, var(--base-unit, 8px)));
|
|
350
|
-
padding:
|
|
349
|
+
height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
350
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
351
351
|
box-sizing: border-box;
|
|
352
352
|
border: none;
|
|
353
|
-
border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));
|
|
353
|
+
border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
|
|
354
354
|
background-color: transparent;
|
|
355
355
|
cursor: pointer;
|
|
356
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
357
|
-
font-size:
|
|
356
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
357
|
+
font-size: var(--sjs-font-size, 16px);
|
|
358
358
|
font-family: var(--font-family, var(--font-family));
|
|
359
359
|
}
|
|
360
360
|
|
|
@@ -413,35 +413,35 @@ button.sv-action-bar-item {
|
|
|
413
413
|
}
|
|
414
414
|
|
|
415
415
|
.sv-dragged-element-shortcut {
|
|
416
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
417
|
-
min-width: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
418
|
-
border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
416
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
417
|
+
min-width: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
418
|
+
border-radius: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
419
419
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
420
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
420
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
421
421
|
cursor: grabbing;
|
|
422
422
|
position: absolute;
|
|
423
423
|
z-index: 10000;
|
|
424
424
|
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
|
|
425
425
|
font-family: var(--font-family, var(--font-family));
|
|
426
|
-
font-size:
|
|
427
|
-
padding-left: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
428
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
426
|
+
font-size: var(--sjs-font-size, 16px);
|
|
427
|
+
padding-left: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
428
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
429
429
|
}
|
|
430
430
|
|
|
431
431
|
.sv-matrixdynamic__drag-icon {
|
|
432
|
-
padding-top: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
432
|
+
padding-top: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
433
433
|
}
|
|
434
434
|
|
|
435
435
|
.sv-matrixdynamic__drag-icon:after {
|
|
436
436
|
content: " ";
|
|
437
437
|
display: block;
|
|
438
|
-
height: calc(0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
439
|
-
width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
438
|
+
height: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
439
|
+
width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
440
440
|
border: 1px solid #e7e7e7;
|
|
441
441
|
box-sizing: border-box;
|
|
442
|
-
border-radius: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
442
|
+
border-radius: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
443
443
|
cursor: move;
|
|
444
|
-
margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
444
|
+
margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
445
445
|
}
|
|
446
446
|
|
|
447
447
|
.sv-matrix-row--drag-drop-ghost-mod td {
|
|
@@ -473,7 +473,7 @@ sv-popup {
|
|
|
473
473
|
|
|
474
474
|
.sv-popup__container {
|
|
475
475
|
box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
|
|
476
|
-
border-radius:
|
|
476
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
477
477
|
position: absolute;
|
|
478
478
|
padding: 0;
|
|
479
479
|
}
|
|
@@ -481,12 +481,12 @@ sv-popup {
|
|
|
481
481
|
.sv-popup__shadow {
|
|
482
482
|
width: 100%;
|
|
483
483
|
height: 100%;
|
|
484
|
-
border-radius:
|
|
484
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
485
485
|
}
|
|
486
486
|
|
|
487
487
|
.sv-popup__body-content {
|
|
488
488
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
489
|
-
border-radius:
|
|
489
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
490
490
|
width: 100%;
|
|
491
491
|
height: 100%;
|
|
492
492
|
box-sizing: border-box;
|
|
@@ -501,14 +501,40 @@ sv-popup {
|
|
|
501
501
|
align-items: center;
|
|
502
502
|
justify-content: center;
|
|
503
503
|
background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
|
|
504
|
-
padding: calc(11 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
504
|
+
padding: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
505
505
|
box-sizing: border-box;
|
|
506
506
|
}
|
|
507
507
|
.sv-popup.sv-popup--modal .sv-popup__body-content {
|
|
508
|
-
padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
508
|
+
padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
509
509
|
height: auto;
|
|
510
510
|
}
|
|
511
511
|
|
|
512
|
+
.sv-popup--confirm-delete .sv-popup__container {
|
|
513
|
+
border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
514
|
+
}
|
|
515
|
+
.sv-popup--confirm-delete .sv-popup__body-content {
|
|
516
|
+
border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
517
|
+
}
|
|
518
|
+
.sv-popup--confirm-delete .sv-popup__body-header {
|
|
519
|
+
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
520
|
+
margin-bottom: 0;
|
|
521
|
+
/* UI/Default */
|
|
522
|
+
font-family: var(--font-family);
|
|
523
|
+
font-size: var(--sjs-font-size, 16px);
|
|
524
|
+
font-style: normal;
|
|
525
|
+
font-weight: 400;
|
|
526
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px))); /* 150% */
|
|
527
|
+
}
|
|
528
|
+
.sv-popup--confirm-delete .sv-popup__scrolling-content {
|
|
529
|
+
display: none;
|
|
530
|
+
}
|
|
531
|
+
.sv-popup--confirm-delete .sv-popup__body-footer {
|
|
532
|
+
padding-bottom: 0;
|
|
533
|
+
}
|
|
534
|
+
.sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar {
|
|
535
|
+
gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
536
|
+
}
|
|
537
|
+
|
|
512
538
|
.sv-popup.sv-popup--modal > .sv-popup__container {
|
|
513
539
|
position: static;
|
|
514
540
|
}
|
|
@@ -523,23 +549,23 @@ sv-popup {
|
|
|
523
549
|
max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
524
550
|
height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
525
551
|
width: 100%;
|
|
526
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
552
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
527
553
|
border: unset;
|
|
528
554
|
}
|
|
529
555
|
.sv-popup--overlay.sv-popup--overlay .sv-popup__body-content {
|
|
530
556
|
max-height: var(--sv-popup-overlay-height, 100vh);
|
|
531
557
|
max-width: 100vw;
|
|
532
|
-
border-radius: calc(4 * var(--sjs-corner-radius, 4px)) calc(4 * var(--sjs-corner-radius, 4px)) 0px 0px;
|
|
558
|
+
border-radius: calc(4 * (var(--sjs-corner-radius, 4px))) calc(4 * (var(--sjs-corner-radius, 4px))) 0px 0px;
|
|
533
559
|
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
534
560
|
box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
|
|
535
|
-
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)));
|
|
561
|
+
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))));
|
|
536
562
|
height: calc(100% - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
537
563
|
}
|
|
538
564
|
.sv-popup--overlay.sv-popup--overlay .sv-popup__scrolling-content {
|
|
539
565
|
height: calc(100% - 10 * var(--base-unit, 8px));
|
|
540
566
|
}
|
|
541
567
|
.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer {
|
|
542
|
-
margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
568
|
+
margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
543
569
|
}
|
|
544
570
|
.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {
|
|
545
571
|
width: 100%;
|
|
@@ -588,22 +614,22 @@ sv-popup {
|
|
|
588
614
|
}
|
|
589
615
|
|
|
590
616
|
.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer {
|
|
591
|
-
transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)))) rotate(180deg);
|
|
617
|
+
transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))))) rotate(180deg);
|
|
592
618
|
}
|
|
593
619
|
|
|
594
620
|
.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {
|
|
595
|
-
transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))), calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
621
|
+
transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))), calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
596
622
|
}
|
|
597
623
|
|
|
598
624
|
.sv-popup--show-pointer.sv-popup--right .sv-popup__container {
|
|
599
|
-
transform: translate(
|
|
625
|
+
transform: translate(var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
600
626
|
}
|
|
601
627
|
.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer {
|
|
602
628
|
transform: translate(-12px, -4px) rotate(-90deg);
|
|
603
629
|
}
|
|
604
630
|
|
|
605
631
|
.sv-popup--show-pointer.sv-popup--left .sv-popup__container {
|
|
606
|
-
transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
632
|
+
transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
607
633
|
}
|
|
608
634
|
.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer {
|
|
609
635
|
transform: translate(-4px, -4px) rotate(90deg);
|
|
@@ -618,42 +644,42 @@ sv-popup {
|
|
|
618
644
|
display: block;
|
|
619
645
|
width: 0;
|
|
620
646
|
height: 0;
|
|
621
|
-
border-left:
|
|
622
|
-
border-right:
|
|
623
|
-
border-bottom:
|
|
647
|
+
border-left: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
|
|
648
|
+
border-right: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
|
|
649
|
+
border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--sjs-general-backcolor, var(--background, #fff));
|
|
624
650
|
align-self: center;
|
|
625
651
|
}
|
|
626
652
|
|
|
627
653
|
.sv-popup__body-header {
|
|
628
654
|
font-family: Open Sans;
|
|
629
|
-
font-size: calc(1.5 * var(--sjs-font-size, 16px));
|
|
630
|
-
line-height: calc(2 * var(--sjs-font-size, 16px));
|
|
655
|
+
font-size: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
656
|
+
line-height: calc(2 * (var(--sjs-font-size, 16px)));
|
|
631
657
|
font-style: normal;
|
|
632
658
|
font-weight: 700;
|
|
633
|
-
margin-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
659
|
+
margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
634
660
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
635
661
|
}
|
|
636
662
|
|
|
637
663
|
.sv-popup__body-footer {
|
|
638
664
|
display: flex;
|
|
639
|
-
margin-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
665
|
+
margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
640
666
|
}
|
|
641
667
|
|
|
642
668
|
.sv-popup__body-footer .sv-action-bar {
|
|
643
|
-
gap: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
669
|
+
gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
644
670
|
}
|
|
645
671
|
|
|
646
672
|
.sv-popup__button {
|
|
647
|
-
margin: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
673
|
+
margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
648
674
|
}
|
|
649
675
|
|
|
650
676
|
.sv-popup--modal .sv-list__filter,
|
|
651
677
|
.sv-popup--overlay .sv-list__filter {
|
|
652
|
-
padding-top:
|
|
678
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
653
679
|
}
|
|
654
680
|
.sv-popup--modal .sv-list__filter-icon,
|
|
655
681
|
.sv-popup--overlay .sv-list__filter-icon {
|
|
656
|
-
top: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
682
|
+
top: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
657
683
|
}
|
|
658
684
|
|
|
659
685
|
.sv-dropdown-popup.sv-popup--overlay {
|
|
@@ -672,8 +698,8 @@ sv-popup {
|
|
|
672
698
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
673
699
|
border: none;
|
|
674
700
|
box-shadow: none;
|
|
675
|
-
padding:
|
|
676
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
701
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
702
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
677
703
|
margin: 0;
|
|
678
704
|
}
|
|
679
705
|
.sv-dropdown-popup.sv-popup--overlay .sv-popup__container {
|
|
@@ -687,40 +713,40 @@ sv-popup {
|
|
|
687
713
|
.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer {
|
|
688
714
|
background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
689
715
|
margin-top: 0;
|
|
690
|
-
padding-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
691
|
-
padding-bottom: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
716
|
+
padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
717
|
+
padding-bottom: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
692
718
|
border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
693
719
|
}
|
|
694
720
|
.sv-dropdown-popup.sv-popup--overlay .sv-popup__scrolling-content {
|
|
695
721
|
height: calc(100% - 6 * var(--base-unit, 8px));
|
|
696
722
|
}
|
|
697
723
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon .sv-svg-icon {
|
|
698
|
-
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
699
|
-
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
724
|
+
width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
725
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
700
726
|
}
|
|
701
727
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__container {
|
|
702
728
|
padding: 0;
|
|
703
729
|
}
|
|
704
730
|
.sv-dropdown-popup.sv-popup--overlay .sv-list {
|
|
705
731
|
flex-grow: 1;
|
|
706
|
-
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
732
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
707
733
|
}
|
|
708
734
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter {
|
|
709
735
|
display: flex;
|
|
710
736
|
align-items: center;
|
|
711
|
-
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)))
|
|
737
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 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))));
|
|
712
738
|
}
|
|
713
739
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon {
|
|
714
740
|
position: static;
|
|
715
|
-
top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
716
|
-
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
741
|
+
top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
742
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
717
743
|
}
|
|
718
744
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__empty-container {
|
|
719
745
|
display: flex;
|
|
720
746
|
flex-direction: column;
|
|
721
747
|
justify-content: center;
|
|
722
748
|
flex-grow: 1;
|
|
723
|
-
padding:
|
|
749
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
724
750
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
725
751
|
}
|
|
726
752
|
.sv-dropdown-popup.sv-popup--overlay .sv-popup__button:disabled {
|
|
@@ -729,27 +755,27 @@ sv-popup {
|
|
|
729
755
|
opacity: 0.25;
|
|
730
756
|
}
|
|
731
757
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button {
|
|
732
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
733
|
-
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
734
|
-
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
758
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
759
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
760
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
735
761
|
appearance: none;
|
|
736
762
|
border: none;
|
|
737
763
|
border-radius: 100%;
|
|
738
764
|
background-color: transparent;
|
|
739
765
|
}
|
|
740
766
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg {
|
|
741
|
-
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
742
|
-
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
767
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
768
|
+
width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
743
769
|
}
|
|
744
770
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg use {
|
|
745
771
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
746
772
|
}
|
|
747
773
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__input {
|
|
748
774
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
749
|
-
font-size:
|
|
750
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
775
|
+
font-size: var(--sjs-font-size, 16px);
|
|
776
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
751
777
|
font-family: var(--font-family);
|
|
752
|
-
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)))
|
|
778
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
|
|
753
779
|
}
|
|
754
780
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover .sv-list__item-body,
|
|
755
781
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus .sv-list__item-body,
|
|
@@ -780,12 +806,12 @@ sv-popup {
|
|
|
780
806
|
left: 50%;
|
|
781
807
|
top: 50%;
|
|
782
808
|
max-height: var(--sv-popup-overlay-max-height);
|
|
783
|
-
min-height: min(var(--sv-popup-overlay-max-height), 31 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
809
|
+
min-height: min(var(--sv-popup-overlay-max-height), 31 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
784
810
|
height: auto;
|
|
785
811
|
width: auto;
|
|
786
|
-
min-width: min(40 * var(--sjs-base-unit, var(--base-unit, 8px)), var(--sv-popup-overlay-max-width));
|
|
812
|
+
min-width: min(40 * (var(--sjs-base-unit, var(--base-unit, 8px))), var(--sv-popup-overlay-max-width));
|
|
787
813
|
max-width: var(--sv-popup-overlay-max-width);
|
|
788
|
-
border-radius:
|
|
814
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
789
815
|
overflow: hidden;
|
|
790
816
|
margin: 0;
|
|
791
817
|
}
|
|
@@ -799,7 +825,7 @@ sv-popup {
|
|
|
799
825
|
display: flex;
|
|
800
826
|
align-items: center;
|
|
801
827
|
flex-direction: row;
|
|
802
|
-
font-size:
|
|
828
|
+
font-size: var(--sjs-font-size, 16px);
|
|
803
829
|
overflow: auto;
|
|
804
830
|
border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
|
|
805
831
|
}
|
|
@@ -817,10 +843,10 @@ sv-popup {
|
|
|
817
843
|
align-items: center;
|
|
818
844
|
appearance: none;
|
|
819
845
|
width: 100%;
|
|
820
|
-
padding: 11px calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
821
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
846
|
+
padding: 11px calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
847
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
822
848
|
outline: none;
|
|
823
|
-
font-size:
|
|
849
|
+
font-size: var(--sjs-font-size, 16px);
|
|
824
850
|
font-weight: 400;
|
|
825
851
|
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
826
852
|
cursor: pointer;
|
|
@@ -838,7 +864,7 @@ sv-popup {
|
|
|
838
864
|
|
|
839
865
|
.sv-button-group__item-icon {
|
|
840
866
|
display: block;
|
|
841
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
867
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
842
868
|
}
|
|
843
869
|
.sv-button-group__item-icon use {
|
|
844
870
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -869,7 +895,7 @@ sv-popup {
|
|
|
869
895
|
}
|
|
870
896
|
|
|
871
897
|
.sv-button-group__item-icon + .sv-button-group__item-caption {
|
|
872
|
-
margin-left:
|
|
898
|
+
margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
873
899
|
}
|
|
874
900
|
|
|
875
901
|
.sv-button-group__item--disabled {
|
|
@@ -940,7 +966,7 @@ sv-popup {
|
|
|
940
966
|
background-color: cadetblue;
|
|
941
967
|
padding: 1px;
|
|
942
968
|
font-family: var(--font-family, var(--font-family));
|
|
943
|
-
font-size: calc(0.875 * var(--sjs-font-size, 16px));
|
|
969
|
+
font-size: calc(0.875 * (var(--sjs-font-size, 16px)));
|
|
944
970
|
font-style: normal;
|
|
945
971
|
font-weight: 400;
|
|
946
972
|
line-height: 1.42857143;
|
|
@@ -959,7 +985,7 @@ sv-popup {
|
|
|
959
985
|
background-clip: padding-box;
|
|
960
986
|
border: 1px solid #ccc;
|
|
961
987
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
962
|
-
border-radius: calc(1.5 * var(--sjs-corner-radius, 4px));
|
|
988
|
+
border-radius: calc(1.5 * (var(--sjs-corner-radius, 4px)));
|
|
963
989
|
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
964
990
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
965
991
|
line-break: auto;
|
|
@@ -969,10 +995,10 @@ sv-popup {
|
|
|
969
995
|
.sv_window_title {
|
|
970
996
|
padding: 8px 14px;
|
|
971
997
|
margin: 0;
|
|
972
|
-
font-size: calc(0.875 * var(--sjs-font-size, 16px));
|
|
998
|
+
font-size: calc(0.875 * (var(--sjs-font-size, 16px)));
|
|
973
999
|
background-color: #f7f7f7;
|
|
974
1000
|
border-bottom: 1px solid #ebebeb;
|
|
975
|
-
border-radius:
|
|
1001
|
+
border-radius: var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px) 0 0;
|
|
976
1002
|
display: flex;
|
|
977
1003
|
}
|
|
978
1004
|
|
|
@@ -987,7 +1013,7 @@ sv-popup {
|
|
|
987
1013
|
.sv_window_title a:link,
|
|
988
1014
|
.sv_window_title a:visited {
|
|
989
1015
|
text-decoration: none;
|
|
990
|
-
font-size: calc(0.875 * var(--sjs-font-size, 16px));
|
|
1016
|
+
font-size: calc(0.875 * (var(--sjs-font-size, 16px)));
|
|
991
1017
|
font-style: normal;
|
|
992
1018
|
color: black;
|
|
993
1019
|
}
|
|
@@ -1012,8 +1038,8 @@ sv-popup {
|
|
|
1012
1038
|
|
|
1013
1039
|
.sv-brand-info__text {
|
|
1014
1040
|
font-weight: 600;
|
|
1015
|
-
font-size:
|
|
1016
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
1041
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1042
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1017
1043
|
color: #161616;
|
|
1018
1044
|
}
|
|
1019
1045
|
|
|
@@ -1026,8 +1052,8 @@ sv-popup {
|
|
|
1026
1052
|
|
|
1027
1053
|
.sv-brand-info__terms {
|
|
1028
1054
|
font-weight: 400;
|
|
1029
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
1030
|
-
line-height:
|
|
1055
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
1056
|
+
line-height: var(--sjs-font-size, 16px);
|
|
1031
1057
|
}
|
|
1032
1058
|
.sv-brand-info__terms a {
|
|
1033
1059
|
color: #909090;
|
|
@@ -1062,21 +1088,21 @@ sv-popup {
|
|
|
1062
1088
|
|
|
1063
1089
|
.sv-ranking-item:focus .sv-ranking-item__icon--focus {
|
|
1064
1090
|
visibility: visible;
|
|
1065
|
-
top: calc(0.6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1066
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1091
|
+
top: calc(0.6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1092
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1067
1093
|
}
|
|
1068
1094
|
|
|
1069
1095
|
.sv-ranking-item:focus .sv-ranking-item__index {
|
|
1070
1096
|
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1071
|
-
outline: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1097
|
+
outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1072
1098
|
}
|
|
1073
1099
|
|
|
1074
1100
|
.sv-ranking-item__content.sv-ranking-item__content {
|
|
1075
1101
|
display: flex;
|
|
1076
1102
|
align-items: center;
|
|
1077
1103
|
line-height: 1em;
|
|
1078
|
-
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
|
|
1079
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1104
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
|
|
1105
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1080
1106
|
}
|
|
1081
1107
|
|
|
1082
1108
|
.sv-ranking-item__icon-container {
|
|
@@ -1085,8 +1111,8 @@ sv-popup {
|
|
|
1085
1111
|
top: 0;
|
|
1086
1112
|
bottom: 0;
|
|
1087
1113
|
flex-shrink: 0;
|
|
1088
|
-
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1089
|
-
height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1114
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1115
|
+
height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1090
1116
|
}
|
|
1091
1117
|
|
|
1092
1118
|
.sv-ranking-item--disabled.sv-ranking-item--disabled {
|
|
@@ -1100,9 +1126,9 @@ sv-popup {
|
|
|
1100
1126
|
visibility: hidden;
|
|
1101
1127
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1102
1128
|
position: absolute;
|
|
1103
|
-
top:
|
|
1104
|
-
width: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1105
|
-
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1129
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1130
|
+
width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1131
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1106
1132
|
}
|
|
1107
1133
|
|
|
1108
1134
|
.sv-ranking-item__index.sv-ranking-item__index {
|
|
@@ -1112,21 +1138,21 @@ sv-popup {
|
|
|
1112
1138
|
justify-content: center;
|
|
1113
1139
|
background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
1114
1140
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1115
|
-
font-size:
|
|
1141
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1116
1142
|
border-radius: 100%;
|
|
1117
|
-
border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;
|
|
1118
|
-
width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1119
|
-
height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1120
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
1143
|
+
border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
|
|
1144
|
+
width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1145
|
+
height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1146
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1121
1147
|
box-sizing: border-box;
|
|
1122
1148
|
font-weight: 600;
|
|
1123
|
-
margin-left: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1149
|
+
margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1124
1150
|
}
|
|
1125
1151
|
.sv-ranking-item__index.sv-ranking-item__index:empty {
|
|
1126
1152
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC");
|
|
1127
1153
|
background-position: center;
|
|
1128
1154
|
background-repeat: no-repeat;
|
|
1129
|
-
background-size:
|
|
1155
|
+
background-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
1130
1156
|
}
|
|
1131
1157
|
|
|
1132
1158
|
.sv-ranking-item__text {
|
|
@@ -1135,9 +1161,9 @@ sv-popup {
|
|
|
1135
1161
|
text-overflow: ellipsis;
|
|
1136
1162
|
white-space: nowrap;
|
|
1137
1163
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1138
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
1139
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
1140
|
-
margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1164
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
1165
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
1166
|
+
margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1141
1167
|
}
|
|
1142
1168
|
|
|
1143
1169
|
.sd-ranking--disabled .sv-ranking-item__text {
|
|
@@ -1153,18 +1179,18 @@ sv-popup {
|
|
|
1153
1179
|
.sv-ranking-item__ghost.sv-ranking-item__ghost {
|
|
1154
1180
|
display: none;
|
|
1155
1181
|
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
1156
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1157
|
-
width: calc(31 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1158
|
-
height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1182
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1183
|
+
width: calc(31 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1184
|
+
height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1159
1185
|
z-index: 1;
|
|
1160
1186
|
position: absolute;
|
|
1161
1187
|
left: 0;
|
|
1162
|
-
top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1188
|
+
top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1163
1189
|
}
|
|
1164
1190
|
|
|
1165
1191
|
[dir=rtl] .sv-ranking-item__ghost {
|
|
1166
1192
|
left: initilal;
|
|
1167
|
-
right: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1193
|
+
right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1168
1194
|
}
|
|
1169
1195
|
|
|
1170
1196
|
.sv-ranking-item--ghost .sv-ranking-item__ghost {
|
|
@@ -1177,7 +1203,7 @@ sv-popup {
|
|
|
1177
1203
|
|
|
1178
1204
|
.sv-ranking-item--drag .sv-ranking-item__content {
|
|
1179
1205
|
box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
|
|
1180
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1206
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1181
1207
|
}
|
|
1182
1208
|
|
|
1183
1209
|
.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {
|
|
@@ -1225,7 +1251,7 @@ sv-popup {
|
|
|
1225
1251
|
}
|
|
1226
1252
|
|
|
1227
1253
|
.sv-ranking-shortcut .sv-ranking-item__text {
|
|
1228
|
-
margin-right: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1254
|
+
margin-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1229
1255
|
}
|
|
1230
1256
|
|
|
1231
1257
|
.sv-ranking-shortcut .sv-ranking-item__icon--hover {
|
|
@@ -1233,16 +1259,16 @@ sv-popup {
|
|
|
1233
1259
|
}
|
|
1234
1260
|
|
|
1235
1261
|
.sv-ranking-shortcut .sv-ranking-item__icon {
|
|
1236
|
-
width: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1237
|
-
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1238
|
-
top:
|
|
1262
|
+
width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1263
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1264
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1239
1265
|
}
|
|
1240
1266
|
|
|
1241
1267
|
.sv-ranking-shortcut .sv-ranking-item__content {
|
|
1242
|
-
padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1268
|
+
padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1243
1269
|
}
|
|
1244
1270
|
.sv-ranking-shortcut .sv-ranking-item__icon-container {
|
|
1245
|
-
margin-left:
|
|
1271
|
+
margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1246
1272
|
}
|
|
1247
1273
|
|
|
1248
1274
|
.sv-ranking--select-to-rank {
|
|
@@ -1253,12 +1279,12 @@ sv-popup {
|
|
|
1253
1279
|
flex-direction: column-reverse;
|
|
1254
1280
|
}
|
|
1255
1281
|
.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {
|
|
1256
|
-
margin: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
1282
|
+
margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
1257
1283
|
height: 1px;
|
|
1258
1284
|
}
|
|
1259
1285
|
.sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {
|
|
1260
|
-
padding-top:
|
|
1261
|
-
padding-bottom:
|
|
1286
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1287
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1262
1288
|
display: flex;
|
|
1263
1289
|
justify-content: center;
|
|
1264
1290
|
align-items: center;
|
|
@@ -1268,24 +1294,24 @@ sv-popup {
|
|
|
1268
1294
|
width: 1px;
|
|
1269
1295
|
}
|
|
1270
1296
|
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
|
|
1271
|
-
left:
|
|
1297
|
+
left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1272
1298
|
}
|
|
1273
1299
|
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {
|
|
1274
1300
|
left: initial;
|
|
1275
1301
|
}
|
|
1276
1302
|
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
|
|
1277
|
-
padding-left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1303
|
+
padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1278
1304
|
}
|
|
1279
1305
|
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
|
|
1280
|
-
padding-right: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1306
|
+
padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1281
1307
|
}
|
|
1282
1308
|
|
|
1283
1309
|
.sv-ranking__container-placeholder {
|
|
1284
1310
|
color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
|
|
1285
1311
|
font-family: var(--font-family, var(--font-family));
|
|
1286
1312
|
font-style: normal;
|
|
1287
|
-
font-size:
|
|
1288
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
1313
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1314
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1289
1315
|
white-space: break-spaces;
|
|
1290
1316
|
display: flex;
|
|
1291
1317
|
justify-content: center;
|
|
@@ -1323,15 +1349,15 @@ sv-popup {
|
|
|
1323
1349
|
width: 100%;
|
|
1324
1350
|
font-family: var(--font-family, var(--font-family));
|
|
1325
1351
|
box-sizing: border-box;
|
|
1326
|
-
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1352
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1327
1353
|
overflow: hidden;
|
|
1328
1354
|
text-overflow: ellipsis;
|
|
1329
1355
|
white-space: nowrap;
|
|
1330
1356
|
}
|
|
1331
1357
|
|
|
1332
1358
|
.sv-list__empty-text {
|
|
1333
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
1334
|
-
font-size:
|
|
1359
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1360
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1335
1361
|
font-weight: 400;
|
|
1336
1362
|
text-align: center;
|
|
1337
1363
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -1352,13 +1378,13 @@ sv-popup {
|
|
|
1352
1378
|
width: 100%;
|
|
1353
1379
|
align-items: center;
|
|
1354
1380
|
box-sizing: border-box;
|
|
1355
|
-
padding-block:
|
|
1356
|
-
padding-inline-end: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1357
|
-
padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1381
|
+
padding-block: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1382
|
+
padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1383
|
+
padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1358
1384
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1359
1385
|
font-weight: normal;
|
|
1360
|
-
font-size:
|
|
1361
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
1386
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1387
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1362
1388
|
cursor: pointer;
|
|
1363
1389
|
overflow: hidden;
|
|
1364
1390
|
text-align: left;
|
|
@@ -1370,14 +1396,14 @@ sv-popup {
|
|
|
1370
1396
|
outline: none;
|
|
1371
1397
|
}
|
|
1372
1398
|
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {
|
|
1373
|
-
border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
1374
|
-
border-radius:
|
|
1375
|
-
padding-block: calc(0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1376
|
-
padding-inline-end: calc(7.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1377
|
-
padding-inline-start: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1399
|
+
border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
1400
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
1401
|
+
padding-block: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1402
|
+
padding-inline-end: calc(7.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1403
|
+
padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1378
1404
|
}
|
|
1379
1405
|
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer {
|
|
1380
|
-
margin-inline-start: calc(-0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1406
|
+
margin-inline-start: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1381
1407
|
}
|
|
1382
1408
|
|
|
1383
1409
|
.sv-list__item:hover,
|
|
@@ -1393,17 +1419,17 @@ sv-popup {
|
|
|
1393
1419
|
padding: 0;
|
|
1394
1420
|
}
|
|
1395
1421
|
.sv-list__item--with-icon.sv-list__item--with-icon .sv-list__item-body {
|
|
1396
|
-
padding-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1397
|
-
padding-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1398
|
-
gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1422
|
+
padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1423
|
+
padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1424
|
+
gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1399
1425
|
display: flex;
|
|
1400
1426
|
}
|
|
1401
1427
|
|
|
1402
1428
|
.sv-list__item-icon {
|
|
1403
1429
|
float: left;
|
|
1404
1430
|
flex-shrink: 0;
|
|
1405
|
-
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1406
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1431
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1432
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1407
1433
|
}
|
|
1408
1434
|
.sv-list__item-icon svg {
|
|
1409
1435
|
display: block;
|
|
@@ -1419,7 +1445,7 @@ sv-popup {
|
|
|
1419
1445
|
}
|
|
1420
1446
|
|
|
1421
1447
|
.sv-list__item-separator {
|
|
1422
|
-
margin:
|
|
1448
|
+
margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
|
|
1423
1449
|
height: 1px;
|
|
1424
1450
|
background-color: var(--sjs-border-default, var(--border, #d6d6d6));
|
|
1425
1451
|
}
|
|
@@ -1473,18 +1499,18 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1473
1499
|
.sv-list__filter {
|
|
1474
1500
|
border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
|
|
1475
1501
|
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1476
|
-
padding-bottom:
|
|
1502
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1477
1503
|
}
|
|
1478
1504
|
|
|
1479
1505
|
.sv-list__filter-icon {
|
|
1480
1506
|
display: block;
|
|
1481
1507
|
position: absolute;
|
|
1482
|
-
top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1483
|
-
inset-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1508
|
+
top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1509
|
+
inset-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1484
1510
|
}
|
|
1485
1511
|
.sv-list__filter-icon .sv-svg-icon {
|
|
1486
|
-
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1487
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1512
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1513
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1488
1514
|
}
|
|
1489
1515
|
.sv-list__filter-icon .sv-svg-icon use {
|
|
1490
1516
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -1499,11 +1525,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1499
1525
|
box-sizing: border-box;
|
|
1500
1526
|
width: 100%;
|
|
1501
1527
|
outline: none;
|
|
1502
|
-
font-size:
|
|
1528
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1503
1529
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1504
|
-
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1505
|
-
padding-inline-start: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1506
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
1530
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1531
|
+
padding-inline-start: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1532
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1507
1533
|
border: none;
|
|
1508
1534
|
}
|
|
1509
1535
|
|
|
@@ -1527,24 +1553,24 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1527
1553
|
.sv-save-data_root {
|
|
1528
1554
|
position: fixed;
|
|
1529
1555
|
left: 50%;
|
|
1530
|
-
bottom: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1556
|
+
bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1531
1557
|
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1532
1558
|
opacity: 0;
|
|
1533
|
-
padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1559
|
+
padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1534
1560
|
box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
|
|
1535
|
-
border-radius: calc(2 * var(--sjs-corner-radius, 4px));
|
|
1561
|
+
border-radius: calc(2 * (var(--sjs-corner-radius, 4px)));
|
|
1536
1562
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1537
|
-
min-width: calc(30 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1563
|
+
min-width: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1538
1564
|
text-align: center;
|
|
1539
1565
|
z-index: 1600;
|
|
1540
1566
|
font-family: var(--font-family, var(--font-family));
|
|
1541
|
-
font-size:
|
|
1542
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
1567
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1568
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1543
1569
|
display: flex;
|
|
1544
1570
|
flex-direction: row;
|
|
1545
1571
|
justify-content: center;
|
|
1546
1572
|
align-items: center;
|
|
1547
|
-
transform: translateX(-50%) translateY(calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1573
|
+
transform: translateX(-50%) translateY(calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1548
1574
|
transition-timing-function: ease-in;
|
|
1549
1575
|
transition-property: transform, opacity;
|
|
1550
1576
|
transition-delay: 0.25s;
|
|
@@ -1578,20 +1604,20 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1578
1604
|
background-color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
1579
1605
|
color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1580
1606
|
font-weight: 600;
|
|
1581
|
-
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)));
|
|
1582
|
-
gap: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1607
|
+
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))));
|
|
1608
|
+
gap: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1583
1609
|
}
|
|
1584
1610
|
|
|
1585
1611
|
.sv-save-data_root.sv-save-data_error .sv-save-data_button {
|
|
1586
1612
|
font-weight: 600;
|
|
1587
|
-
font-size:
|
|
1588
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
1589
|
-
height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1613
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1614
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1615
|
+
height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1590
1616
|
color: #ffffff;
|
|
1591
1617
|
background-color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
1592
|
-
border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid #ffffff;
|
|
1593
|
-
border-radius: calc(1.5 * var(--sjs-corner-radius, 4px));
|
|
1594
|
-
padding:
|
|
1618
|
+
border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid #ffffff;
|
|
1619
|
+
border-radius: calc(1.5 * (var(--sjs-corner-radius, 4px)));
|
|
1620
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1595
1621
|
display: flex;
|
|
1596
1622
|
align-items: center;
|
|
1597
1623
|
}
|
|
@@ -1642,13 +1668,13 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1642
1668
|
margin: 0;
|
|
1643
1669
|
}
|
|
1644
1670
|
.sd-element__title .sd-element__num {
|
|
1645
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
1646
|
-
line-height:
|
|
1671
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
1672
|
+
line-height: var(--sjs-font-size, 16px);
|
|
1647
1673
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
1648
1674
|
}
|
|
1649
1675
|
.sd-element__title span {
|
|
1650
|
-
font-size: var(--sjs-font-questiontitle-size,
|
|
1651
|
-
line-height: calc(1.5 * var(--sjs-font-questiontitle-size,
|
|
1676
|
+
font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
|
|
1677
|
+
line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
1652
1678
|
}
|
|
1653
1679
|
.sd-element__title .sv-title-actions__title {
|
|
1654
1680
|
font-size: 0;
|
|
@@ -1667,15 +1693,15 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1667
1693
|
|
|
1668
1694
|
.sd-element__num {
|
|
1669
1695
|
float: left;
|
|
1670
|
-
padding-top: calc(0.625 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1671
|
-
padding-bottom: calc(0.375 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1696
|
+
padding-top: calc(0.625 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1697
|
+
padding-bottom: calc(0.375 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1672
1698
|
padding-inline-start: 0;
|
|
1673
|
-
padding-inline-end:
|
|
1674
|
-
width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1675
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
1676
|
-
line-height:
|
|
1699
|
+
padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1700
|
+
width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1701
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
1702
|
+
line-height: var(--sjs-font-size, 16px);
|
|
1677
1703
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
1678
|
-
margin-inline-start: calc(-5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1704
|
+
margin-inline-start: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1679
1705
|
text-align: end;
|
|
1680
1706
|
box-sizing: border-box;
|
|
1681
1707
|
white-space: nowrap;
|
|
@@ -1715,11 +1741,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1715
1741
|
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");
|
|
1716
1742
|
background-repeat: no-repeat;
|
|
1717
1743
|
background-position: center center;
|
|
1718
|
-
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1719
|
-
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1744
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1745
|
+
width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1720
1746
|
position: absolute;
|
|
1721
|
-
left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1722
|
-
top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1747
|
+
left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1748
|
+
top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1723
1749
|
}
|
|
1724
1750
|
|
|
1725
1751
|
.sd-element__title--expandable.sd-element__title--expanded:before {
|
|
@@ -1779,7 +1805,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1779
1805
|
}
|
|
1780
1806
|
|
|
1781
1807
|
.sd-element--collapsed > .sd-element__header {
|
|
1782
|
-
padding: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);
|
|
1808
|
+
padding: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sd-base-padding);
|
|
1783
1809
|
box-sizing: border-box;
|
|
1784
1810
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1785
1811
|
}
|
|
@@ -1794,8 +1820,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1794
1820
|
padding-bottom: 0;
|
|
1795
1821
|
}
|
|
1796
1822
|
.sd-element--collapsed.sd-element--with-frame > .sd-element__header {
|
|
1797
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1798
|
-
padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1823
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1824
|
+
padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1799
1825
|
border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
|
|
1800
1826
|
}
|
|
1801
1827
|
.sd-element--collapsed > .sd-element__header:focus-within, .sd-element--collapsed > .sd-element__header:hover {
|
|
@@ -1811,7 +1837,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1811
1837
|
bottom: calc(-0.5 * var(--sd-base-vertical-padding));
|
|
1812
1838
|
}
|
|
1813
1839
|
.sd-element--nested.sd-element--collapsed > .sd-element__header:hover, .sd-element--nested.sd-element--collapsed > .sd-element__header:focus-within {
|
|
1814
|
-
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));
|
|
1840
|
+
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));
|
|
1815
1841
|
}
|
|
1816
1842
|
.sd-element--nested.sd-panel, .sd-element--nested.sd-question--paneldynamic {
|
|
1817
1843
|
border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
@@ -1860,11 +1886,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1860
1886
|
}
|
|
1861
1887
|
|
|
1862
1888
|
.sd-question__erbox {
|
|
1863
|
-
padding:
|
|
1864
|
-
border-radius:
|
|
1889
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1890
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
1865
1891
|
font-weight: 600;
|
|
1866
|
-
line-height:
|
|
1867
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
1892
|
+
line-height: var(--sjs-font-size, 16px);
|
|
1893
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
1868
1894
|
white-space: normal;
|
|
1869
1895
|
text-align: left;
|
|
1870
1896
|
}
|
|
@@ -1881,22 +1907,22 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1881
1907
|
}
|
|
1882
1908
|
|
|
1883
1909
|
.sd-question__erbox--below-question {
|
|
1884
|
-
margin-top:
|
|
1910
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1885
1911
|
}
|
|
1886
1912
|
|
|
1887
1913
|
.sd-element--with-frame > .sd-question__erbox--above-question {
|
|
1888
|
-
border-radius:
|
|
1914
|
+
border-radius: var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px) 0 0;
|
|
1889
1915
|
}
|
|
1890
1916
|
|
|
1891
1917
|
.sd-element--with-frame > .sd-question__erbox--below-question {
|
|
1892
1918
|
position: relative;
|
|
1893
1919
|
margin-top: 0;
|
|
1894
1920
|
bottom: calc(-1 * var(--sd-base-padding));
|
|
1895
|
-
border-radius: 0 0
|
|
1921
|
+
border-radius: 0 0 var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px);
|
|
1896
1922
|
}
|
|
1897
1923
|
|
|
1898
1924
|
.sd-root-modern--mobile .sd-question__erbox--below-question {
|
|
1899
|
-
margin-top:
|
|
1925
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1900
1926
|
}
|
|
1901
1927
|
|
|
1902
1928
|
.sd-question__header {
|
|
@@ -1921,12 +1947,12 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1921
1947
|
margin-top: calc(-1 * var(--sd-base-padding));
|
|
1922
1948
|
}
|
|
1923
1949
|
.sd-element--with-frame > .sd-question__content > .sd-question__header--location--bottom {
|
|
1924
|
-
margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1950
|
+
margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1925
1951
|
}
|
|
1926
1952
|
|
|
1927
1953
|
.sd-scrollable .sd-question__content {
|
|
1928
1954
|
overflow-x: auto;
|
|
1929
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
1955
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
1930
1956
|
}
|
|
1931
1957
|
|
|
1932
1958
|
.sd-question__header--location--left {
|
|
@@ -1934,7 +1960,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1934
1960
|
width: auto;
|
|
1935
1961
|
max-width: 50%;
|
|
1936
1962
|
vertical-align: top;
|
|
1937
|
-
margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1963
|
+
margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1938
1964
|
}
|
|
1939
1965
|
|
|
1940
1966
|
.sd-question--left {
|
|
@@ -1944,7 +1970,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1944
1970
|
|
|
1945
1971
|
.sd-question__content--left {
|
|
1946
1972
|
display: inline-block;
|
|
1947
|
-
padding-left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1973
|
+
padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1948
1974
|
flex: 1;
|
|
1949
1975
|
}
|
|
1950
1976
|
|
|
@@ -1954,11 +1980,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1954
1980
|
}
|
|
1955
1981
|
|
|
1956
1982
|
.sd-question__comment-area {
|
|
1957
|
-
font-size:
|
|
1958
|
-
margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1983
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1984
|
+
margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1959
1985
|
display: flex;
|
|
1960
1986
|
flex-direction: column;
|
|
1961
|
-
gap:
|
|
1987
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1962
1988
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1963
1989
|
white-space: normal;
|
|
1964
1990
|
}
|
|
@@ -1968,7 +1994,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1968
1994
|
position: fixed;
|
|
1969
1995
|
height: auto;
|
|
1970
1996
|
width: auto;
|
|
1971
|
-
max-width: calc(29 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1997
|
+
max-width: calc(29 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1972
1998
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1973
1999
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1974
2000
|
opacity: 0.75;
|
|
@@ -2001,11 +2027,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2001
2027
|
flex-direction: column;
|
|
2002
2028
|
align-items: center;
|
|
2003
2029
|
text-align: center;
|
|
2004
|
-
gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2030
|
+
gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2005
2031
|
justify-content: center;
|
|
2006
|
-
min-height: calc(24 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2007
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
2008
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
2032
|
+
min-height: calc(24 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2033
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2034
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2009
2035
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2010
2036
|
}
|
|
2011
2037
|
.sd-question__placeholder > div .sv-string-viewer, .sd-question__placeholder > span .sv-string-viewer {
|
|
@@ -2028,7 +2054,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2028
2054
|
|
|
2029
2055
|
.sd-question__title--empty .sv-string-viewer {
|
|
2030
2056
|
display: inline-block;
|
|
2031
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2057
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2032
2058
|
}
|
|
2033
2059
|
|
|
2034
2060
|
.sd-input {
|
|
@@ -2038,12 +2064,12 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2038
2064
|
position: static;
|
|
2039
2065
|
width: 100%;
|
|
2040
2066
|
box-sizing: border-box;
|
|
2041
|
-
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2042
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
2067
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2068
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2043
2069
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
2044
2070
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
2045
2071
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
2046
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
2072
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2047
2073
|
background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
|
|
2048
2074
|
box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
2049
2075
|
border: none;
|
|
@@ -2106,12 +2132,12 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2106
2132
|
align-items: flex-end;
|
|
2107
2133
|
padding: 0px;
|
|
2108
2134
|
font-family: var(--font-family);
|
|
2109
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
2110
|
-
font-size:
|
|
2135
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
2136
|
+
font-size: var(--sjs-font-size, 16px);
|
|
2111
2137
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
2112
2138
|
position: absolute;
|
|
2113
|
-
inset-inline-end: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2114
|
-
inset-block-end: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2139
|
+
inset-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2140
|
+
inset-block-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2115
2141
|
}
|
|
2116
2142
|
|
|
2117
2143
|
.sd-question__content:focus-within .sd-remaining-character-counter {
|
|
@@ -2131,50 +2157,50 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2131
2157
|
.sd-input[type=range] {
|
|
2132
2158
|
box-sizing: content-box;
|
|
2133
2159
|
width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2134
|
-
height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
2160
|
+
height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2135
2161
|
}
|
|
2136
2162
|
|
|
2137
2163
|
.sd-input[type=range]::-webkit-slider-runnable-track {
|
|
2138
2164
|
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2139
|
-
border-radius:
|
|
2140
|
-
height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2165
|
+
border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2166
|
+
height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2141
2167
|
}
|
|
2142
2168
|
|
|
2143
2169
|
.sd-input[type=range]::-webkit-slider-thumb {
|
|
2144
2170
|
-webkit-appearance: none;
|
|
2145
2171
|
appearance: none;
|
|
2146
|
-
margin-top: calc(-0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2172
|
+
margin-top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2147
2173
|
border-radius: 100%;
|
|
2148
2174
|
border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2149
2175
|
box-shadow: inset 0 0 0 2px var(--background, #fff);
|
|
2150
2176
|
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2151
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2152
|
-
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2177
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2178
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2153
2179
|
}
|
|
2154
2180
|
|
|
2155
2181
|
.sd-input[type=range]::-moz-range-track {
|
|
2156
2182
|
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2157
|
-
border-radius:
|
|
2158
|
-
height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2183
|
+
border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2184
|
+
height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2159
2185
|
}
|
|
2160
2186
|
|
|
2161
2187
|
.sd-input[type=range]::-moz-range-thumb {
|
|
2162
2188
|
-webkit-appearance: none;
|
|
2163
2189
|
appearance: none;
|
|
2164
|
-
margin-top: calc(-0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2190
|
+
margin-top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2165
2191
|
border-radius: 100%;
|
|
2166
2192
|
border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2167
2193
|
box-shadow: inset 0 0 0 2px var(--background, #fff);
|
|
2168
2194
|
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2169
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2170
|
-
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2195
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2196
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2171
2197
|
}
|
|
2172
2198
|
|
|
2173
2199
|
.sd-comment {
|
|
2174
2200
|
display: block;
|
|
2175
2201
|
height: auto;
|
|
2176
|
-
min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2177
|
-
min-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2202
|
+
min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2203
|
+
min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2178
2204
|
max-width: 100%;
|
|
2179
2205
|
}
|
|
2180
2206
|
|
|
@@ -2194,13 +2220,14 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2194
2220
|
content: none;
|
|
2195
2221
|
}
|
|
2196
2222
|
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {
|
|
2223
|
+
--page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));
|
|
2197
2224
|
font-family: var(--sjs-font-pagetitle-family, var(--font-family));
|
|
2198
2225
|
font-weight: var(--sjs-font-pagetitle-weight, 700);
|
|
2199
|
-
font-size: var(--
|
|
2226
|
+
font-size: var(--page-title-font-size);
|
|
2200
2227
|
color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
2201
2228
|
position: static;
|
|
2202
|
-
line-height: calc(1.33 *
|
|
2203
|
-
margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
|
|
2229
|
+
line-height: calc(1.33 * (var(--page-title-font-size)));
|
|
2230
|
+
margin: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
|
|
2204
2231
|
}
|
|
2205
2232
|
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {
|
|
2206
2233
|
font-family: inherit;
|
|
@@ -2212,21 +2239,21 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2212
2239
|
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {
|
|
2213
2240
|
font-family: var(--sjs-font-pagedescription-family, var(--font-family));
|
|
2214
2241
|
font-weight: var(--sjs-font-pagedescription-weight, 400);
|
|
2215
|
-
font-size: var(--sjs-font-pagedescription-size,
|
|
2242
|
+
font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));
|
|
2216
2243
|
color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2217
2244
|
position: static;
|
|
2218
|
-
line-height: calc(1.5 * var(--sjs-font-pagedescription-size,
|
|
2219
|
-
margin: 0 0 calc(
|
|
2245
|
+
line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));
|
|
2246
|
+
margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
2220
2247
|
}
|
|
2221
2248
|
.sd-panel.sd-panel--as-page .sd-panel__header + .sd-panel__content {
|
|
2222
|
-
margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2249
|
+
margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2223
2250
|
}
|
|
2224
2251
|
.sd-panel.sd-panel--as-page > .sd-panel__content {
|
|
2225
2252
|
padding-top: 0;
|
|
2226
2253
|
}
|
|
2227
2254
|
|
|
2228
2255
|
.sd-row ~ .sd-row .sd-panel--as-page {
|
|
2229
|
-
padding-top: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2256
|
+
padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2230
2257
|
}
|
|
2231
2258
|
|
|
2232
2259
|
.sd-panel__required-text {
|
|
@@ -2250,8 +2277,8 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2250
2277
|
|
|
2251
2278
|
.sjs_sp_placeholder {
|
|
2252
2279
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2253
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
2254
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
2280
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2281
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2255
2282
|
}
|
|
2256
2283
|
|
|
2257
2284
|
.sjs_sp_container {
|
|
@@ -2259,8 +2286,8 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2259
2286
|
}
|
|
2260
2287
|
|
|
2261
2288
|
.sjs_sp_controls.sd-signaturepad__controls {
|
|
2262
|
-
right:
|
|
2263
|
-
top:
|
|
2289
|
+
right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2290
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2264
2291
|
left: auto;
|
|
2265
2292
|
bottom: auto;
|
|
2266
2293
|
}
|
|
@@ -2282,13 +2309,13 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2282
2309
|
}
|
|
2283
2310
|
|
|
2284
2311
|
.sd-checkbox__decorator {
|
|
2285
|
-
border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));
|
|
2312
|
+
border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
|
|
2286
2313
|
}
|
|
2287
2314
|
|
|
2288
2315
|
.sd-checkbox__svg {
|
|
2289
2316
|
display: none;
|
|
2290
|
-
width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2291
|
-
height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2317
|
+
width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2318
|
+
height: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2292
2319
|
}
|
|
2293
2320
|
|
|
2294
2321
|
.sd-checkbox--checked .sd-checkbox__svg {
|
|
@@ -2308,17 +2335,17 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2308
2335
|
|
|
2309
2336
|
.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
|
|
2310
2337
|
position: sticky;
|
|
2311
|
-
left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2312
|
-
margin-left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2338
|
+
left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2339
|
+
margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2313
2340
|
z-index: 12;
|
|
2314
2341
|
}
|
|
2315
2342
|
|
|
2316
2343
|
.sd-matrixdynamic__footer:first-child {
|
|
2317
|
-
padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2344
|
+
padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2318
2345
|
}
|
|
2319
2346
|
|
|
2320
2347
|
.sd-matrixdynamic__footer {
|
|
2321
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2348
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2322
2349
|
}
|
|
2323
2350
|
|
|
2324
2351
|
.sd-action.sd-matrixdynamic__remove-btn {
|
|
@@ -2326,23 +2353,23 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2326
2353
|
}
|
|
2327
2354
|
|
|
2328
2355
|
.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
|
|
2329
|
-
width: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
2330
|
-
height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
2356
|
+
width: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2357
|
+
height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2331
2358
|
}
|
|
2332
2359
|
|
|
2333
2360
|
.sd-matrixdynamic__btn {
|
|
2334
2361
|
appearance: none;
|
|
2335
2362
|
background: transparent;
|
|
2336
2363
|
border: none;
|
|
2337
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
2338
|
-
font-size:
|
|
2364
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
2365
|
+
font-size: var(--sjs-font-size, 16px);
|
|
2339
2366
|
font-family: var(--font-family, var(--font-family));
|
|
2340
2367
|
font-weight: 600;
|
|
2341
|
-
padding:
|
|
2368
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
|
|
2342
2369
|
}
|
|
2343
2370
|
|
|
2344
2371
|
.sd-matrixdynamic__drag-element {
|
|
2345
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2372
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2346
2373
|
}
|
|
2347
2374
|
.sd-matrixdynamic__drag-element:hover {
|
|
2348
2375
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
@@ -2350,11 +2377,11 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2350
2377
|
.sd-matrixdynamic__drag-element:after {
|
|
2351
2378
|
content: " ";
|
|
2352
2379
|
display: block;
|
|
2353
|
-
height: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2354
|
-
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2380
|
+
height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2381
|
+
width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2355
2382
|
border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
|
|
2356
2383
|
box-sizing: border-box;
|
|
2357
|
-
border-radius: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2384
|
+
border-radius: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2358
2385
|
}
|
|
2359
2386
|
|
|
2360
2387
|
.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn {
|
|
@@ -2362,8 +2389,8 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2362
2389
|
}
|
|
2363
2390
|
|
|
2364
2391
|
.sd-drag-element__svg {
|
|
2365
|
-
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2366
|
-
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2392
|
+
width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2393
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2367
2394
|
display: block;
|
|
2368
2395
|
}
|
|
2369
2396
|
.sd-drag-element__svg use {
|
|
@@ -2379,12 +2406,12 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2379
2406
|
}
|
|
2380
2407
|
.sd-table > thead > tr > th {
|
|
2381
2408
|
border-top: 0;
|
|
2382
|
-
border-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;
|
|
2409
|
+
border-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
|
|
2383
2410
|
}
|
|
2384
2411
|
|
|
2385
2412
|
.sd-table__cell {
|
|
2386
|
-
border-top:
|
|
2387
|
-
border-bottom:
|
|
2413
|
+
border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
|
|
2414
|
+
border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
|
|
2388
2415
|
background-clip: padding-box;
|
|
2389
2416
|
}
|
|
2390
2417
|
|
|
@@ -2405,44 +2432,44 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2405
2432
|
}
|
|
2406
2433
|
|
|
2407
2434
|
.sd-table--no-header {
|
|
2408
|
-
padding-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2435
|
+
padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2409
2436
|
}
|
|
2410
2437
|
|
|
2411
2438
|
.sd-panel__content .sd-table--no-header {
|
|
2412
2439
|
padding-top: 0;
|
|
2413
2440
|
}
|
|
2414
2441
|
.sd-panel__content .sd-question--table .sd-question__content {
|
|
2415
|
-
padding-top: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2442
|
+
padding-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2416
2443
|
}
|
|
2417
2444
|
.sd-panel__content .sd-question--table > .sd-question__header + .sd-question__content {
|
|
2418
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2445
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2419
2446
|
}
|
|
2420
2447
|
.sd-panel__content .sd-question--table > .sd-question__header + .sd-question__content .sd-table--no-header {
|
|
2421
|
-
padding-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2448
|
+
padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2422
2449
|
}
|
|
2423
2450
|
.sd-panel__content .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
|
|
2424
|
-
margin-top: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2451
|
+
margin-top: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2425
2452
|
}
|
|
2426
2453
|
.sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
|
|
2427
|
-
margin-top: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2454
|
+
margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2428
2455
|
}
|
|
2429
2456
|
.sd-panel__content .sd-question--table > .sd-question__header + .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
|
|
2430
|
-
margin-top:
|
|
2457
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2431
2458
|
}
|
|
2432
2459
|
.sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__header + .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
|
|
2433
|
-
margin-top:
|
|
2460
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2434
2461
|
}
|
|
2435
2462
|
|
|
2436
2463
|
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows {
|
|
2437
|
-
margin-left:
|
|
2438
|
-
margin-right:
|
|
2464
|
+
margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2465
|
+
margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2439
2466
|
width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2440
2467
|
}
|
|
2441
2468
|
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type {
|
|
2442
|
-
padding-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2469
|
+
padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2443
2470
|
}
|
|
2444
2471
|
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__cell:last-of-type {
|
|
2445
|
-
padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2472
|
+
padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2446
2473
|
}
|
|
2447
2474
|
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td,
|
|
2448
2475
|
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {
|
|
@@ -2471,19 +2498,19 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2471
2498
|
|
|
2472
2499
|
.sd-table__cell {
|
|
2473
2500
|
font-weight: normal;
|
|
2474
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
2475
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
2476
|
-
padding: 0
|
|
2501
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2502
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2503
|
+
padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2477
2504
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
2478
2505
|
text-align: center;
|
|
2479
2506
|
}
|
|
2480
2507
|
.sd-table__cell:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty) {
|
|
2481
|
-
min-width: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2508
|
+
min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2482
2509
|
}
|
|
2483
2510
|
|
|
2484
2511
|
.sd-table__cell--error {
|
|
2485
2512
|
border: none;
|
|
2486
|
-
padding: 0
|
|
2513
|
+
padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2487
2514
|
}
|
|
2488
2515
|
.sd-table__cell--error .sd-question__erbox--outside-question {
|
|
2489
2516
|
margin: 0;
|
|
@@ -2491,12 +2518,12 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2491
2518
|
|
|
2492
2519
|
.sd-table__cell--error-top {
|
|
2493
2520
|
vertical-align: bottom;
|
|
2494
|
-
padding-top:
|
|
2521
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2495
2522
|
}
|
|
2496
2523
|
|
|
2497
2524
|
.sd-table__cell--error-bottom {
|
|
2498
2525
|
vertical-align: top;
|
|
2499
|
-
padding-bottom:
|
|
2526
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2500
2527
|
}
|
|
2501
2528
|
|
|
2502
2529
|
.sd-table__cell--item .sd-selectbase__item {
|
|
@@ -2521,43 +2548,43 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2521
2548
|
}
|
|
2522
2549
|
|
|
2523
2550
|
.sd-table__cell--header span {
|
|
2524
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
2525
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
2551
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2552
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2526
2553
|
}
|
|
2527
2554
|
|
|
2528
2555
|
.sd-table__cell--header {
|
|
2529
2556
|
font-weight: 600;
|
|
2530
2557
|
color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
2531
2558
|
vertical-align: top;
|
|
2532
|
-
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)))
|
|
2559
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2533
2560
|
}
|
|
2534
2561
|
.sd-table__cell--header:not(.sd-table__cell--empty) {
|
|
2535
|
-
min-width: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2562
|
+
min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2536
2563
|
}
|
|
2537
2564
|
|
|
2538
2565
|
.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {
|
|
2539
|
-
min-width: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2566
|
+
min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2540
2567
|
}
|
|
2541
2568
|
|
|
2542
2569
|
.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action {
|
|
2543
|
-
min-width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2544
|
-
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2570
|
+
min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2571
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2545
2572
|
}
|
|
2546
2573
|
|
|
2547
2574
|
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {
|
|
2548
|
-
min-width: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2575
|
+
min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2549
2576
|
}
|
|
2550
2577
|
.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 {
|
|
2551
|
-
min-width: calc(22 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2578
|
+
min-width: calc(22 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2552
2579
|
}
|
|
2553
2580
|
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean {
|
|
2554
|
-
min-width: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2581
|
+
min-width: calc(18 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2555
2582
|
}
|
|
2556
2583
|
|
|
2557
2584
|
.sd-table__cell--detail-panel {
|
|
2558
|
-
border-top:
|
|
2559
|
-
padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)))
|
|
2560
|
-
border-bottom:
|
|
2585
|
+
border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
|
|
2586
|
+
padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2587
|
+
border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
|
|
2561
2588
|
}
|
|
2562
2589
|
|
|
2563
2590
|
.sd-table__cell--actions .sv-action-bar,
|
|
@@ -2566,24 +2593,24 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2566
2593
|
}
|
|
2567
2594
|
|
|
2568
2595
|
.sd-table__cell--actions:not(.sd-table__cell--vertical) {
|
|
2569
|
-
width:
|
|
2596
|
+
width: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2570
2597
|
}
|
|
2571
2598
|
.sd-table__cell--actions:not(.sd-table__cell--vertical):not(.sd-table__cell--drag):first-of-type {
|
|
2572
2599
|
padding-left: 0;
|
|
2573
|
-
width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2574
|
-
min-width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2600
|
+
width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2601
|
+
min-width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2575
2602
|
}
|
|
2576
2603
|
|
|
2577
2604
|
.sd-table__cell--detail-button {
|
|
2578
2605
|
border: none;
|
|
2579
2606
|
background: transparent;
|
|
2580
|
-
border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2581
|
-
padding:
|
|
2607
|
+
border-radius: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2608
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2582
2609
|
}
|
|
2583
2610
|
.sd-table__cell--detail-button svg {
|
|
2584
2611
|
display: block;
|
|
2585
|
-
width:
|
|
2586
|
-
height:
|
|
2612
|
+
width: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2613
|
+
height: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2587
2614
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
2588
2615
|
}
|
|
2589
2616
|
.sd-table__cell--detail-button:hover {
|
|
@@ -2604,8 +2631,8 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2604
2631
|
font-weight: 600;
|
|
2605
2632
|
color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
2606
2633
|
text-align: left;
|
|
2607
|
-
min-width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2608
|
-
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)))
|
|
2634
|
+
min-width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2635
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2609
2636
|
}
|
|
2610
2637
|
|
|
2611
2638
|
.sd-matrixdynamic__content .sd-table__question-wrapper {
|
|
@@ -2633,18 +2660,18 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2633
2660
|
.sd-table__cell--row-text:first-of-type,
|
|
2634
2661
|
.sd-matrix__cell:first-of-type:first-of-type,
|
|
2635
2662
|
.sd-matrix tr > td:first-of-type:first-of-type {
|
|
2636
|
-
left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2663
|
+
left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2637
2664
|
}
|
|
2638
2665
|
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,
|
|
2639
2666
|
.sd-table__cell--empty:last-of-type,
|
|
2640
2667
|
.sd-table__cell--row-text:last-of-type,
|
|
2641
2668
|
.sd-matrix__cell:first-of-type:last-of-type,
|
|
2642
2669
|
.sd-matrix tr > td:first-of-type:last-of-type {
|
|
2643
|
-
right: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2670
|
+
right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2644
2671
|
}
|
|
2645
2672
|
|
|
2646
2673
|
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {
|
|
2647
|
-
margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2674
|
+
margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2648
2675
|
justify-content: flex-end;
|
|
2649
2676
|
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
|
|
2650
2677
|
}
|
|
@@ -2690,7 +2717,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2690
2717
|
left: 0;
|
|
2691
2718
|
}
|
|
2692
2719
|
.sd-question--table > .sd-question__content {
|
|
2693
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2720
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2694
2721
|
min-width: min-content;
|
|
2695
2722
|
}
|
|
2696
2723
|
.sd-question--table.sd-element--nested > .sd-question__erbox--above-question {
|
|
@@ -2701,10 +2728,10 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2701
2728
|
overflow-x: auto;
|
|
2702
2729
|
}
|
|
2703
2730
|
.sd-question--table.sd-element--nested > .sd-question__content {
|
|
2704
|
-
padding-bottom: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2705
|
-
margin-bottom: calc(-0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2706
|
-
padding-top:
|
|
2707
|
-
margin-top: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2731
|
+
padding-bottom: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2732
|
+
margin-bottom: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2733
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2734
|
+
margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2708
2735
|
}
|
|
2709
2736
|
.sd-question--table.sd-element--nested > .sd-question__content, .sd-question--table:not(.sd-element--with-frame):not(.sd-element--nested) {
|
|
2710
2737
|
padding-right: var(--sd-base-padding);
|
|
@@ -2719,7 +2746,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2719
2746
|
}
|
|
2720
2747
|
|
|
2721
2748
|
.sd-table__cell--detail-panel .sd-panel__content {
|
|
2722
|
-
padding-top:
|
|
2749
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2723
2750
|
}
|
|
2724
2751
|
|
|
2725
2752
|
.sd-table__question-wrapper .sd-boolean-root {
|
|
@@ -2735,7 +2762,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2735
2762
|
display: flex;
|
|
2736
2763
|
flex-direction: column;
|
|
2737
2764
|
align-items: flex-start;
|
|
2738
|
-
padding: 0 calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2765
|
+
padding: 0 calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2739
2766
|
width: 100%;
|
|
2740
2767
|
box-sizing: border-box;
|
|
2741
2768
|
}
|
|
@@ -2745,24 +2772,25 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2745
2772
|
}
|
|
2746
2773
|
|
|
2747
2774
|
.sd-page .sd-page__title {
|
|
2775
|
+
--page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));
|
|
2748
2776
|
font-family: var(--sjs-font-pagetitle-family, var(--font-family));
|
|
2749
2777
|
font-weight: var(--sjs-font-pagetitle-weight, 700);
|
|
2750
|
-
font-size: var(--
|
|
2778
|
+
font-size: var(--page-title-font-size);
|
|
2751
2779
|
color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
2752
2780
|
position: static;
|
|
2753
|
-
line-height: calc(1.33 *
|
|
2754
|
-
margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
|
|
2781
|
+
line-height: calc(1.33 * (var(--page-title-font-size)));
|
|
2782
|
+
margin: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
|
|
2755
2783
|
margin-top: 0;
|
|
2756
2784
|
}
|
|
2757
2785
|
|
|
2758
2786
|
.sd-page .sd-page__description {
|
|
2759
2787
|
font-family: var(--sjs-font-pagedescription-family, var(--font-family));
|
|
2760
2788
|
font-weight: var(--sjs-font-pagedescription-weight, 400);
|
|
2761
|
-
font-size: var(--sjs-font-pagedescription-size,
|
|
2789
|
+
font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));
|
|
2762
2790
|
color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2763
2791
|
position: static;
|
|
2764
|
-
line-height: calc(1.5 * var(--sjs-font-pagedescription-size,
|
|
2765
|
-
margin: 0 0 calc(
|
|
2792
|
+
line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));
|
|
2793
|
+
margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
2766
2794
|
}
|
|
2767
2795
|
|
|
2768
2796
|
.sd-row {
|
|
@@ -2774,7 +2802,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2774
2802
|
}
|
|
2775
2803
|
|
|
2776
2804
|
.sd-row.sd-page__row {
|
|
2777
|
-
margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2805
|
+
margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2778
2806
|
}
|
|
2779
2807
|
|
|
2780
2808
|
.sd-page__row.sd-row--compact {
|
|
@@ -2785,22 +2813,28 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2785
2813
|
margin-top: 0;
|
|
2786
2814
|
}
|
|
2787
2815
|
|
|
2788
|
-
.sd-page__title ~ .sd-row.sd-page__row
|
|
2789
|
-
|
|
2816
|
+
.sd-page__title ~ .sd-row.sd-page__row:not(.sd-row--compact),
|
|
2817
|
+
.sd-page__description ~ .sd-row.sd-page__row:not(.sd-row--compact) {
|
|
2818
|
+
margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2790
2819
|
}
|
|
2791
|
-
.sd-page__title ~ .sd-
|
|
2820
|
+
.sd-page__title ~ .sd-page__row.sd-row--compact,
|
|
2821
|
+
.sd-page__description ~ .sd-page__row.sd-row--compact {
|
|
2792
2822
|
margin-top: var(--sd-base-vertical-padding);
|
|
2793
2823
|
}
|
|
2794
2824
|
|
|
2825
|
+
.sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-row.sd-page__row:not(.sd-row--compact) {
|
|
2826
|
+
margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2827
|
+
}
|
|
2828
|
+
|
|
2795
2829
|
.sd-row--multiple {
|
|
2796
|
-
row-gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2830
|
+
row-gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2797
2831
|
margin-left: calc(-1 * var(--sd-base-padding));
|
|
2798
2832
|
width: calc(100% + var(--sd-base-padding));
|
|
2799
2833
|
flex-wrap: wrap;
|
|
2800
2834
|
}
|
|
2801
2835
|
.sd-row--multiple > div {
|
|
2802
2836
|
box-sizing: border-box;
|
|
2803
|
-
padding-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2837
|
+
padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2804
2838
|
display: flex;
|
|
2805
2839
|
align-items: stretch;
|
|
2806
2840
|
}
|
|
@@ -2817,7 +2851,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2817
2851
|
}
|
|
2818
2852
|
|
|
2819
2853
|
.sd-page__row.sd-row--multiple {
|
|
2820
|
-
margin-left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2854
|
+
margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2821
2855
|
width: calc(100% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2822
2856
|
}
|
|
2823
2857
|
.sd-page__row.sd-row--multiple.sd-row--compact {
|
|
@@ -2853,33 +2887,34 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2853
2887
|
padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);
|
|
2854
2888
|
overflow: auto;
|
|
2855
2889
|
font-family: var(--font-family, var(--font-family));
|
|
2856
|
-
gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2890
|
+
gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2857
2891
|
box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2858
2892
|
}
|
|
2859
2893
|
.sd-title.sd-container-modern__title .sd-logo__image {
|
|
2860
|
-
margin-top:
|
|
2894
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2861
2895
|
}
|
|
2862
2896
|
|
|
2863
2897
|
.sd-header__text {
|
|
2864
2898
|
display: flex;
|
|
2865
2899
|
flex-direction: column;
|
|
2866
|
-
gap:
|
|
2900
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2867
2901
|
flex-grow: 1;
|
|
2868
2902
|
}
|
|
2869
2903
|
.sd-header__text .sd-title {
|
|
2904
|
+
--cover-title-font-size: var(--sjs-font-surveytitle-size, calc(2 * (var(--sjs-font-size, 16px))));
|
|
2905
|
+
font-size: var(--cover-title-font-size);
|
|
2906
|
+
line-height: calc(1.25 * (var(--cover-title-font-size)));
|
|
2870
2907
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2871
2908
|
font-family: var(--sjs-font-surveytitle-family, var(--font-family));
|
|
2872
|
-
font-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, var(--sjs-font-size, 16px))));
|
|
2873
2909
|
font-weight: var(--sjs-font-surveytitle-weight, 700);
|
|
2874
|
-
line-height: calc(1.25 * var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));
|
|
2875
2910
|
}
|
|
2876
2911
|
.sd-header__text h3 {
|
|
2877
|
-
line-height: calc(2.5 * var(--sjs-font-size, 16px));
|
|
2912
|
+
line-height: calc(2.5 * (var(--sjs-font-size, 16px)));
|
|
2878
2913
|
}
|
|
2879
2914
|
.sd-header__text h5 {
|
|
2880
|
-
font-size:
|
|
2915
|
+
font-size: var(--sjs-font-size, 16px);
|
|
2881
2916
|
font-weight: 400;
|
|
2882
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
2917
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
2883
2918
|
}
|
|
2884
2919
|
|
|
2885
2920
|
.sd-title .sv-title-actions {
|
|
@@ -2915,9 +2950,9 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2915
2950
|
|
|
2916
2951
|
.sd-action-title-bar {
|
|
2917
2952
|
flex: 1 9 auto;
|
|
2918
|
-
min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2953
|
+
min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2919
2954
|
justify-content: flex-end;
|
|
2920
|
-
margin: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
2955
|
+
margin: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
2921
2956
|
}
|
|
2922
2957
|
.sd-action-title-bar .sv-action {
|
|
2923
2958
|
flex: 0 0 auto;
|
|
@@ -2932,22 +2967,22 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2932
2967
|
font-family: var(--sjs-font-questiondescription-family, var(--font-family));
|
|
2933
2968
|
font-weight: var(--sjs-font-questiondescription-weight, 400);
|
|
2934
2969
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2935
|
-
font-size: var(--sjs-font-questiondescription-size,
|
|
2936
|
-
line-height: calc(1.5 * var(--sjs-font-questiondescription-size,
|
|
2970
|
+
font-size: var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px));
|
|
2971
|
+
line-height: calc(1.5 * (var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px))));
|
|
2937
2972
|
white-space: normal;
|
|
2938
2973
|
word-break: break-word;
|
|
2939
2974
|
}
|
|
2940
2975
|
|
|
2941
2976
|
.sd-description.sd-question__description--under-input {
|
|
2942
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2977
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2943
2978
|
}
|
|
2944
2979
|
|
|
2945
2980
|
.sd-element__header .sd-description {
|
|
2946
|
-
margin-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2981
|
+
margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2947
2982
|
}
|
|
2948
2983
|
|
|
2949
2984
|
.sd-item {
|
|
2950
|
-
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
2985
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
2951
2986
|
}
|
|
2952
2987
|
|
|
2953
2988
|
.sd-item--disabled.sd-item--disabled .sd-item__decorator,
|
|
@@ -2955,14 +2990,14 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2955
2990
|
display: flex;
|
|
2956
2991
|
align-items: center;
|
|
2957
2992
|
justify-content: center;
|
|
2958
|
-
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2959
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2993
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2994
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2960
2995
|
box-sizing: border-box;
|
|
2961
2996
|
background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
|
|
2962
2997
|
box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
2963
2998
|
border: none;
|
|
2964
2999
|
flex-shrink: 0;
|
|
2965
|
-
margin-top: calc((1.5 * var(--sjs-font-editorfont-size,
|
|
3000
|
+
margin-top: calc((1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))) - 3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) / 2);
|
|
2966
3001
|
}
|
|
2967
3002
|
|
|
2968
3003
|
.sd-item--checked .sd-item__decorator {
|
|
@@ -2988,8 +3023,8 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2988
3023
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
2989
3024
|
font-style: normal;
|
|
2990
3025
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
2991
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
2992
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
3026
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3027
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2993
3028
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
2994
3029
|
white-space: normal;
|
|
2995
3030
|
word-break: break-word;
|
|
@@ -3024,7 +3059,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3024
3059
|
padding: 0;
|
|
3025
3060
|
display: flex;
|
|
3026
3061
|
flex-wrap: wrap;
|
|
3027
|
-
column-gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3062
|
+
column-gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3028
3063
|
}
|
|
3029
3064
|
|
|
3030
3065
|
.sd-selectbase--multi-column {
|
|
@@ -3035,7 +3070,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3035
3070
|
.sd-selectbase__label {
|
|
3036
3071
|
display: inline-flex;
|
|
3037
3072
|
position: relative;
|
|
3038
|
-
gap:
|
|
3073
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3039
3074
|
vertical-align: top;
|
|
3040
3075
|
}
|
|
3041
3076
|
|
|
@@ -3051,7 +3086,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3051
3086
|
}
|
|
3052
3087
|
|
|
3053
3088
|
.sd-selectbase__column:not(:last-child) {
|
|
3054
|
-
padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3089
|
+
padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3055
3090
|
}
|
|
3056
3091
|
|
|
3057
3092
|
.sd-selectbase__column.sv-q-column-1 {
|
|
@@ -3059,13 +3094,13 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3059
3094
|
}
|
|
3060
3095
|
|
|
3061
3096
|
.sd-checkbox__decorator {
|
|
3062
|
-
border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));
|
|
3097
|
+
border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
|
|
3063
3098
|
}
|
|
3064
3099
|
|
|
3065
3100
|
.sd-checkbox__svg {
|
|
3066
3101
|
display: none;
|
|
3067
|
-
width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3068
|
-
height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3102
|
+
width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3103
|
+
height: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3069
3104
|
}
|
|
3070
3105
|
|
|
3071
3106
|
.sd-checkbox--checked .sd-checkbox__svg {
|
|
@@ -3090,8 +3125,8 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3090
3125
|
.sd-radio--checked .sd-radio__decorator:after {
|
|
3091
3126
|
content: " ";
|
|
3092
3127
|
display: block;
|
|
3093
|
-
width:
|
|
3094
|
-
height:
|
|
3128
|
+
width: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3129
|
+
height: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3095
3130
|
border-radius: 50%;
|
|
3096
3131
|
background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
3097
3132
|
}
|
|
@@ -3129,12 +3164,12 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3129
3164
|
}
|
|
3130
3165
|
|
|
3131
3166
|
.sd-matrix__text {
|
|
3132
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3167
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3133
3168
|
}
|
|
3134
3169
|
|
|
3135
3170
|
.sd-matrix__text--checked {
|
|
3136
3171
|
background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
3137
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3172
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3138
3173
|
}
|
|
3139
3174
|
|
|
3140
3175
|
.sd-matrix__cell:first-of-type {
|
|
@@ -3153,14 +3188,14 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3153
3188
|
|
|
3154
3189
|
.sd-rating {
|
|
3155
3190
|
overflow-x: auto;
|
|
3156
|
-
min-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3191
|
+
min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3157
3192
|
}
|
|
3158
3193
|
.sd-rating fieldset {
|
|
3159
3194
|
display: flex;
|
|
3160
3195
|
border: none;
|
|
3161
3196
|
padding: 0 0 2px 0;
|
|
3162
3197
|
flex-wrap: nowrap;
|
|
3163
|
-
gap:
|
|
3198
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3164
3199
|
margin-inline-start: 0;
|
|
3165
3200
|
align-items: center;
|
|
3166
3201
|
}
|
|
@@ -3169,36 +3204,36 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3169
3204
|
}
|
|
3170
3205
|
|
|
3171
3206
|
.sd-rating--small {
|
|
3172
|
-
min-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3207
|
+
min-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3173
3208
|
margin: auto;
|
|
3174
3209
|
}
|
|
3175
3210
|
.sd-rating--small fieldset {
|
|
3176
3211
|
padding: 0;
|
|
3177
|
-
gap:
|
|
3212
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3178
3213
|
}
|
|
3179
3214
|
|
|
3180
3215
|
.sd-rating__item {
|
|
3181
3216
|
position: relative;
|
|
3182
3217
|
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
|
|
3183
3218
|
box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
3184
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3219
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3185
3220
|
white-space: nowrap;
|
|
3186
|
-
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3187
|
-
height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3221
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3222
|
+
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3188
3223
|
display: flex;
|
|
3189
3224
|
justify-content: center;
|
|
3190
3225
|
align-items: center;
|
|
3191
3226
|
box-sizing: border-box;
|
|
3192
|
-
min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3227
|
+
min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3193
3228
|
text-align: center;
|
|
3194
3229
|
border: 2px solid transparent;
|
|
3195
3230
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3196
3231
|
fill: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3197
|
-
font-size:
|
|
3232
|
+
font-size: var(--sjs-font-size, 16px);
|
|
3198
3233
|
}
|
|
3199
3234
|
|
|
3200
3235
|
.sd-rating__item--fixed-size {
|
|
3201
|
-
width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3236
|
+
width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3202
3237
|
padding: 0;
|
|
3203
3238
|
}
|
|
3204
3239
|
|
|
@@ -3253,11 +3288,11 @@ legend + sv-ng-rating-item + .sd-rating__item {
|
|
|
3253
3288
|
|
|
3254
3289
|
.sd-rating__item-smiley {
|
|
3255
3290
|
position: relative;
|
|
3256
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3291
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3257
3292
|
white-space: nowrap;
|
|
3258
|
-
padding: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3293
|
+
padding: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3259
3294
|
box-sizing: border-box;
|
|
3260
|
-
min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3295
|
+
min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3261
3296
|
text-align: center;
|
|
3262
3297
|
border: 2px solid var(--sjs-border-default, var(--border, #d6d6d6));
|
|
3263
3298
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
@@ -3265,18 +3300,18 @@ legend + sv-ng-rating-item + .sd-rating__item {
|
|
|
3265
3300
|
}
|
|
3266
3301
|
.sd-rating__item-smiley svg {
|
|
3267
3302
|
display: block;
|
|
3268
|
-
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3269
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3303
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3304
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3270
3305
|
}
|
|
3271
3306
|
|
|
3272
3307
|
.sd-rating__item-smiley--small {
|
|
3273
|
-
padding: calc(0.625 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3274
|
-
min-width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3308
|
+
padding: calc(0.625 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3309
|
+
min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3275
3310
|
border-width: 1px;
|
|
3276
3311
|
}
|
|
3277
3312
|
.sd-rating__item-smiley--small svg {
|
|
3278
|
-
width: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3279
|
-
height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3313
|
+
width: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3314
|
+
height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3280
3315
|
}
|
|
3281
3316
|
|
|
3282
3317
|
.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {
|
|
@@ -3343,22 +3378,22 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3343
3378
|
|
|
3344
3379
|
.sd-rating__item-star {
|
|
3345
3380
|
position: relative;
|
|
3346
|
-
width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3347
|
-
height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3381
|
+
width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3382
|
+
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3348
3383
|
}
|
|
3349
3384
|
.sd-rating__item-star:not(:first-of-type) {
|
|
3350
|
-
padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3351
|
-
margin-left: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3385
|
+
padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3386
|
+
margin-left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3352
3387
|
}
|
|
3353
3388
|
.sd-rating__item-star:not(:last-of-type) {
|
|
3354
|
-
padding-right: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3355
|
-
margin-right: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3389
|
+
padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3390
|
+
margin-right: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3356
3391
|
}
|
|
3357
3392
|
.sd-rating__item-star svg {
|
|
3358
3393
|
stroke: var(--sjs-border-default, var(--border, #d6d6d6));
|
|
3359
3394
|
fill: none;
|
|
3360
|
-
width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3361
|
-
height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3395
|
+
width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3396
|
+
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3362
3397
|
display: block;
|
|
3363
3398
|
}
|
|
3364
3399
|
.sd-rating__item-star .sv-star-2 {
|
|
@@ -3366,12 +3401,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3366
3401
|
}
|
|
3367
3402
|
|
|
3368
3403
|
.sd-rating__item-star--small {
|
|
3369
|
-
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3370
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3404
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3405
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3371
3406
|
}
|
|
3372
3407
|
.sd-rating__item-star--small svg {
|
|
3373
|
-
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3374
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3408
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3409
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3375
3410
|
}
|
|
3376
3411
|
|
|
3377
3412
|
.sd-rating__item-star--selected svg {
|
|
@@ -3432,29 +3467,29 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3432
3467
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
3433
3468
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3434
3469
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
3435
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
3436
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3470
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
3471
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3437
3472
|
display: inline-block;
|
|
3438
3473
|
}
|
|
3439
3474
|
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text, .sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {
|
|
3440
|
-
margin-top: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3441
|
-
margin-bottom: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3475
|
+
margin-top: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3476
|
+
margin-bottom: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3442
3477
|
border: 2px solid transparent;
|
|
3443
3478
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
3444
3479
|
}
|
|
3445
3480
|
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {
|
|
3446
|
-
margin-right:
|
|
3481
|
+
margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3447
3482
|
border-left: 0px;
|
|
3448
3483
|
}
|
|
3449
3484
|
.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {
|
|
3450
|
-
margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3451
|
-
margin-left:
|
|
3485
|
+
margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3486
|
+
margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3452
3487
|
}
|
|
3453
3488
|
.sd-rating__item-text.sd-rating__item-text .sv-string-editor {
|
|
3454
3489
|
white-space: nowrap;
|
|
3455
3490
|
}
|
|
3456
3491
|
.sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size {
|
|
3457
|
-
min-width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3492
|
+
min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3458
3493
|
}
|
|
3459
3494
|
|
|
3460
3495
|
.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {
|
|
@@ -3469,19 +3504,19 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3469
3504
|
}
|
|
3470
3505
|
|
|
3471
3506
|
.sd-element--with-frame .sv-ranking-item {
|
|
3472
|
-
left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3507
|
+
left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3473
3508
|
}
|
|
3474
3509
|
|
|
3475
3510
|
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container {
|
|
3476
3511
|
margin-left: 0;
|
|
3477
|
-
margin-right:
|
|
3512
|
+
margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3478
3513
|
}
|
|
3479
3514
|
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item {
|
|
3480
3515
|
left: 0;
|
|
3481
3516
|
}
|
|
3482
3517
|
|
|
3483
3518
|
.sv-ranking-item__content.sd-ranking-item__content {
|
|
3484
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
3519
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
3485
3520
|
}
|
|
3486
3521
|
|
|
3487
3522
|
.sv-dragdrop-movedown {
|
|
@@ -3524,8 +3559,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3524
3559
|
-webkit-appearance: none;
|
|
3525
3560
|
-moz-appearance: none;
|
|
3526
3561
|
appearance: none;
|
|
3527
|
-
padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3528
|
-
padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3562
|
+
padding-inline-end: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3563
|
+
padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3529
3564
|
opacity: 1;
|
|
3530
3565
|
display: flex;
|
|
3531
3566
|
justify-content: space-between;
|
|
@@ -3547,20 +3582,24 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3547
3582
|
.sd-dropdown option {
|
|
3548
3583
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3549
3584
|
font-family: var(--font-family, var(--font-family));
|
|
3550
|
-
font-size:
|
|
3585
|
+
font-size: var(--sjs-font-size, 16px);
|
|
3586
|
+
}
|
|
3587
|
+
|
|
3588
|
+
.sd-dropdown input[readonly] {
|
|
3589
|
+
pointer-events: none;
|
|
3551
3590
|
}
|
|
3552
3591
|
|
|
3553
3592
|
.sd-dropdown__value {
|
|
3554
3593
|
width: 100%;
|
|
3555
|
-
min-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3594
|
+
min-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3556
3595
|
overflow: hidden;
|
|
3557
3596
|
text-overflow: ellipsis;
|
|
3558
3597
|
white-space: nowrap;
|
|
3559
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3598
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3560
3599
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
3561
3600
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3562
3601
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
3563
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
3602
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
3564
3603
|
position: relative;
|
|
3565
3604
|
}
|
|
3566
3605
|
|
|
@@ -3568,26 +3607,26 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3568
3607
|
display: flex;
|
|
3569
3608
|
justify-content: center;
|
|
3570
3609
|
align-items: center;
|
|
3571
|
-
padding: 0
|
|
3610
|
+
padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3572
3611
|
margin: auto 0;
|
|
3573
3612
|
}
|
|
3574
3613
|
|
|
3575
3614
|
.sd-dropdown_chevron-button {
|
|
3576
3615
|
position: absolute;
|
|
3577
|
-
width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3616
|
+
width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3578
3617
|
top: 0;
|
|
3579
3618
|
bottom: 0;
|
|
3580
3619
|
inset-inline-end: 0;
|
|
3581
3620
|
display: flex;
|
|
3582
3621
|
justify-content: center;
|
|
3583
3622
|
align-items: center;
|
|
3584
|
-
padding-inline-end: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3623
|
+
padding-inline-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3585
3624
|
}
|
|
3586
3625
|
|
|
3587
3626
|
.sd-dropdown_chevron-button-svg,
|
|
3588
3627
|
.sd-dropdown_clean-button-svg {
|
|
3589
|
-
width: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3590
|
-
height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3628
|
+
width: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3629
|
+
height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3591
3630
|
}
|
|
3592
3631
|
|
|
3593
3632
|
.sd-input.sd-dropdown:focus-within {
|
|
@@ -3610,8 +3649,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3610
3649
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
3611
3650
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3612
3651
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
3613
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
3614
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3652
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
3653
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3615
3654
|
background-color: transparent;
|
|
3616
3655
|
overflow: hidden;
|
|
3617
3656
|
text-overflow: ellipsis;
|
|
@@ -3658,26 +3697,26 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3658
3697
|
}
|
|
3659
3698
|
|
|
3660
3699
|
.sv-popup.sv-popup--dropdown.sv-popup--dropdown .sd-list__item-body {
|
|
3661
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3662
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
3700
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3701
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
3663
3702
|
}
|
|
3664
3703
|
|
|
3665
3704
|
[dir=rtl] .sd-dropdown,
|
|
3666
3705
|
[style*="direction:rtl"] .sd-dropdown,
|
|
3667
3706
|
[style*="direction: rtl"] .sd-dropdown {
|
|
3668
|
-
background-position: left calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) top 50%, 0 0;
|
|
3707
|
+
background-position: left calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;
|
|
3669
3708
|
}
|
|
3670
3709
|
|
|
3671
3710
|
.sd-input.sd-tagbox:not(.sd-tagbox--empty):not(.sd-input--disabled) {
|
|
3672
3711
|
height: auto;
|
|
3673
|
-
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3674
|
-
padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3675
|
-
padding-inline-start: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3712
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3713
|
+
padding-inline-end: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3714
|
+
padding-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3676
3715
|
}
|
|
3677
3716
|
|
|
3678
3717
|
.sd-tagbox_clean-button {
|
|
3679
|
-
height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3680
|
-
padding: calc(0.5 * var(--sjs-font-editorfont-size,
|
|
3718
|
+
height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3719
|
+
padding: calc(0.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3681
3720
|
margin: auto 0;
|
|
3682
3721
|
}
|
|
3683
3722
|
|
|
@@ -3689,14 +3728,14 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3689
3728
|
position: relative;
|
|
3690
3729
|
display: flex;
|
|
3691
3730
|
align-items: center;
|
|
3692
|
-
padding:
|
|
3731
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3693
3732
|
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3694
|
-
border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));
|
|
3733
|
+
border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
|
|
3695
3734
|
}
|
|
3696
3735
|
|
|
3697
3736
|
.sv-tagbox__item-text {
|
|
3698
3737
|
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
3699
|
-
min-width: calc(5.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3738
|
+
min-width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3700
3739
|
text-align: center;
|
|
3701
3740
|
font-weight: 600;
|
|
3702
3741
|
}
|
|
@@ -3711,17 +3750,17 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3711
3750
|
.sd-tagbox-item_clean-button {
|
|
3712
3751
|
display: none;
|
|
3713
3752
|
position: absolute;
|
|
3714
|
-
inset-inline-end: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3753
|
+
inset-inline-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3715
3754
|
padding: 0;
|
|
3716
|
-
padding-inline-start: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3755
|
+
padding-inline-start: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3717
3756
|
background: linear-gradient(270deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);
|
|
3718
3757
|
}
|
|
3719
3758
|
|
|
3720
3759
|
.sd-tagbox-item_clean-button-svg {
|
|
3721
3760
|
display: block;
|
|
3722
|
-
padding: calc(0.25 * var(--sjs-font-editorfont-size,
|
|
3723
|
-
width:
|
|
3724
|
-
height:
|
|
3761
|
+
padding: calc(0.25 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3762
|
+
width: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
3763
|
+
height: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
3725
3764
|
}
|
|
3726
3765
|
|
|
3727
3766
|
.sd-tagbox-item_clean-button-svg:hover {
|
|
@@ -3735,7 +3774,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3735
3774
|
|
|
3736
3775
|
.sd-tagbox__value.sd-dropdown__value {
|
|
3737
3776
|
position: relative;
|
|
3738
|
-
gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3777
|
+
gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3739
3778
|
display: flex;
|
|
3740
3779
|
flex-wrap: wrap;
|
|
3741
3780
|
flex-grow: 1;
|
|
@@ -3786,14 +3825,14 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3786
3825
|
}
|
|
3787
3826
|
|
|
3788
3827
|
.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {
|
|
3789
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3828
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3790
3829
|
height: 100%;
|
|
3791
3830
|
display: flex;
|
|
3792
3831
|
align-items: center;
|
|
3793
3832
|
}
|
|
3794
3833
|
|
|
3795
3834
|
.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {
|
|
3796
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3835
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3797
3836
|
height: 100%;
|
|
3798
3837
|
display: flex;
|
|
3799
3838
|
align-items: center;
|
|
@@ -3804,7 +3843,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3804
3843
|
flex-wrap: wrap;
|
|
3805
3844
|
padding: 0;
|
|
3806
3845
|
border: none;
|
|
3807
|
-
gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3846
|
+
gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3808
3847
|
width: 100%;
|
|
3809
3848
|
margin: 0;
|
|
3810
3849
|
}
|
|
@@ -3816,12 +3855,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3816
3855
|
|
|
3817
3856
|
@supports not (aspect-ratio: 1/1) {
|
|
3818
3857
|
.sd-imagepicker > div {
|
|
3819
|
-
margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3858
|
+
margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3820
3859
|
}
|
|
3821
3860
|
}
|
|
3822
3861
|
.sd-imagepicker__item img,
|
|
3823
3862
|
.sd-imagepicker__item .sd-imagepicker__image-container > div {
|
|
3824
|
-
border-radius:
|
|
3863
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
3825
3864
|
background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
3826
3865
|
}
|
|
3827
3866
|
|
|
@@ -3839,9 +3878,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3839
3878
|
.sd-imagepicker__check-decorator {
|
|
3840
3879
|
display: none;
|
|
3841
3880
|
position: absolute;
|
|
3842
|
-
top:
|
|
3843
|
-
right:
|
|
3844
|
-
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3881
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3882
|
+
right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3883
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3845
3884
|
box-sizing: border-box;
|
|
3846
3885
|
border-radius: 100%;
|
|
3847
3886
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
@@ -3850,8 +3889,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3850
3889
|
|
|
3851
3890
|
.sd-imagepicker__check-icon {
|
|
3852
3891
|
display: block;
|
|
3853
|
-
width: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3854
|
-
height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3892
|
+
width: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3893
|
+
height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3855
3894
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3856
3895
|
}
|
|
3857
3896
|
|
|
@@ -3868,7 +3907,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3868
3907
|
width: 100%;
|
|
3869
3908
|
height: 100%;
|
|
3870
3909
|
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
3871
|
-
border-radius:
|
|
3910
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
3872
3911
|
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))));
|
|
3873
3912
|
}
|
|
3874
3913
|
|
|
@@ -3884,9 +3923,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3884
3923
|
}
|
|
3885
3924
|
|
|
3886
3925
|
.sd-imagepicker__text {
|
|
3887
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
3888
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3889
|
-
margin-top:
|
|
3926
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
3927
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3928
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3890
3929
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3891
3930
|
}
|
|
3892
3931
|
|
|
@@ -3897,8 +3936,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3897
3936
|
}
|
|
3898
3937
|
|
|
3899
3938
|
.sd-imagepicker__no-image-svg {
|
|
3900
|
-
height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3901
|
-
width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3939
|
+
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3940
|
+
width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3902
3941
|
margin: auto;
|
|
3903
3942
|
}
|
|
3904
3943
|
.sd-imagepicker__no-image-svg use {
|
|
@@ -3908,7 +3947,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3908
3947
|
.sd-imagepicker__column {
|
|
3909
3948
|
display: flex;
|
|
3910
3949
|
flex-direction: column;
|
|
3911
|
-
gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3950
|
+
gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3912
3951
|
align-items: flex-start;
|
|
3913
3952
|
padding-right: 0;
|
|
3914
3953
|
}
|
|
@@ -3920,19 +3959,19 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3920
3959
|
.sd-image__image {
|
|
3921
3960
|
display: block;
|
|
3922
3961
|
max-width: 100%;
|
|
3923
|
-
border-radius:
|
|
3962
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
3924
3963
|
}
|
|
3925
3964
|
|
|
3926
3965
|
.sd-image__image--adaptive {
|
|
3927
3966
|
width: 100%;
|
|
3928
3967
|
height: auto;
|
|
3929
|
-
max-width: calc(80 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3968
|
+
max-width: calc(80 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3930
3969
|
}
|
|
3931
3970
|
|
|
3932
3971
|
.sd-image__no-image {
|
|
3933
3972
|
background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
3934
|
-
min-width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3935
|
-
min-height: calc(27.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3973
|
+
min-width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3974
|
+
min-height: calc(27.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3936
3975
|
width: 100%;
|
|
3937
3976
|
height: 100%;
|
|
3938
3977
|
position: relative;
|
|
@@ -4025,16 +4064,16 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4025
4064
|
.sd-html button {
|
|
4026
4065
|
display: flex;
|
|
4027
4066
|
align-items: center;
|
|
4028
|
-
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4067
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4029
4068
|
vertical-align: baseline;
|
|
4030
4069
|
text-align: center;
|
|
4031
4070
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
4032
4071
|
box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
4033
4072
|
border: none;
|
|
4034
|
-
border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4073
|
+
border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4035
4074
|
cursor: pointer;
|
|
4036
4075
|
user-select: none;
|
|
4037
|
-
outline: solid calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) transparent;
|
|
4076
|
+
outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;
|
|
4038
4077
|
}
|
|
4039
4078
|
.sd-html button:hover {
|
|
4040
4079
|
background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
@@ -4051,13 +4090,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4051
4090
|
font-weight: 600;
|
|
4052
4091
|
font-style: normal;
|
|
4053
4092
|
font-family: var(--font-family, var(--font-family));
|
|
4054
|
-
font-size: var(--sjs-font-questiontitle-size,
|
|
4055
|
-
line-height: calc(1.5 * var(--sjs-font-questiontitle-size,
|
|
4093
|
+
font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
|
|
4094
|
+
line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
4056
4095
|
}
|
|
4057
4096
|
|
|
4058
4097
|
.sd-expression {
|
|
4059
4098
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
4060
|
-
font-size:
|
|
4099
|
+
font-size: var(--sjs-font-size, 16px);
|
|
4061
4100
|
}
|
|
4062
4101
|
|
|
4063
4102
|
.sd-progress {
|
|
@@ -4075,43 +4114,43 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4075
4114
|
|
|
4076
4115
|
.sd-progress__text {
|
|
4077
4116
|
position: absolute;
|
|
4078
|
-
margin-top:
|
|
4079
|
-
right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4117
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4118
|
+
right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4080
4119
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
4081
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
4082
|
-
line-height:
|
|
4120
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
4121
|
+
line-height: var(--sjs-font-size, 16px);
|
|
4083
4122
|
font-weight: 600;
|
|
4084
4123
|
}
|
|
4085
|
-
@media only screen and (min-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {
|
|
4124
|
+
@media only screen and (min-width: calc(125 * (var(--sjs-base-unit, var(--base-unit, 8px))))) {
|
|
4086
4125
|
.sd-progress__text {
|
|
4087
4126
|
margin-left: 5%;
|
|
4088
4127
|
}
|
|
4089
4128
|
}
|
|
4090
|
-
@media only screen and (max-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {
|
|
4129
|
+
@media only screen and (max-width: calc(125 * (var(--sjs-base-unit, var(--base-unit, 8px))))) {
|
|
4091
4130
|
.sd-progress__text {
|
|
4092
4131
|
margin-left: 10px;
|
|
4093
4132
|
}
|
|
4094
4133
|
}
|
|
4095
4134
|
|
|
4096
4135
|
.sd-body__progress--top {
|
|
4097
|
-
margin-bottom: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4136
|
+
margin-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4098
4137
|
position: sticky;
|
|
4099
4138
|
top: 0;
|
|
4100
4139
|
z-index: 50;
|
|
4101
4140
|
}
|
|
4102
4141
|
|
|
4103
4142
|
.sd-body__progress--bottom .sd-progress__text {
|
|
4104
|
-
margin-top: calc(-3.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4143
|
+
margin-top: calc(-3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4105
4144
|
}
|
|
4106
4145
|
|
|
4107
4146
|
.sd-boolean {
|
|
4108
4147
|
display: flex;
|
|
4109
4148
|
width: max-content;
|
|
4110
4149
|
position: relative;
|
|
4111
|
-
gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4112
|
-
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4150
|
+
gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4151
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4113
4152
|
background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
|
|
4114
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4153
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4115
4154
|
box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
4116
4155
|
}
|
|
4117
4156
|
.sd-boolean.sd-boolean--allowhover:focus-within {
|
|
@@ -4123,15 +4162,15 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4123
4162
|
display: block;
|
|
4124
4163
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
4125
4164
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
4126
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
4165
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
4127
4166
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
4128
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
4129
|
-
padding:
|
|
4167
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
4168
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4130
4169
|
}
|
|
4131
4170
|
|
|
4132
4171
|
.sd-boolean__switch {
|
|
4133
4172
|
display: flex;
|
|
4134
|
-
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4173
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4135
4174
|
align-items: center;
|
|
4136
4175
|
position: absolute;
|
|
4137
4176
|
left: 0;
|
|
@@ -4139,7 +4178,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4139
4178
|
width: 100%;
|
|
4140
4179
|
height: 100%;
|
|
4141
4180
|
box-sizing: border-box;
|
|
4142
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4181
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4143
4182
|
}
|
|
4144
4183
|
|
|
4145
4184
|
.sd-boolean.sd-boolean--checked .sd-boolean__label--true,
|
|
@@ -4161,7 +4200,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4161
4200
|
.sd-boolean__thumb {
|
|
4162
4201
|
background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
|
|
4163
4202
|
box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
4164
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4203
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4165
4204
|
transition-duration: 0.2s;
|
|
4166
4205
|
transition-property: margin-left, transform;
|
|
4167
4206
|
transition-timing-function: linear;
|
|
@@ -4193,7 +4232,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4193
4232
|
|
|
4194
4233
|
.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {
|
|
4195
4234
|
background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));
|
|
4196
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4235
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4197
4236
|
}
|
|
4198
4237
|
|
|
4199
4238
|
.sd-boolean--error {
|
|
@@ -4264,8 +4303,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4264
4303
|
}
|
|
4265
4304
|
.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,
|
|
4266
4305
|
.sd-paneldynamic__footer .sd-paneldynamic__next-btn svg {
|
|
4267
|
-
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4268
|
-
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4306
|
+
width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4307
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4269
4308
|
}
|
|
4270
4309
|
.sd-paneldynamic__footer .sd-paneldynamic__add-btn,
|
|
4271
4310
|
.sd-paneldynamic__footer .sd-paneldynamic__progress-text,
|
|
@@ -4283,21 +4322,21 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4283
4322
|
display: flex;
|
|
4284
4323
|
align-items: center;
|
|
4285
4324
|
margin-left: auto;
|
|
4286
|
-
margin-right: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4325
|
+
margin-right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4287
4326
|
}
|
|
4288
4327
|
|
|
4289
4328
|
.sd-paneldynamic__progress-text {
|
|
4290
|
-
font-size: var(--sjs-font-questiontitle-size,
|
|
4291
|
-
line-height: calc(1.5 * var(--sjs-font-questiontitle-size,
|
|
4329
|
+
font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
|
|
4330
|
+
line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
4292
4331
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
4293
4332
|
margin: 0;
|
|
4294
|
-
margin-right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4333
|
+
margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4295
4334
|
}
|
|
4296
4335
|
|
|
4297
4336
|
.sd-paneldynamic__prev-btn,
|
|
4298
4337
|
.sd-paneldynamic__next-btn {
|
|
4299
|
-
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4300
|
-
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4338
|
+
width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4339
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4301
4340
|
}
|
|
4302
4341
|
.sd-paneldynamic__prev-btn .sv-svg-icon,
|
|
4303
4342
|
.sd-paneldynamic__next-btn .sv-svg-icon {
|
|
@@ -4305,12 +4344,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4305
4344
|
}
|
|
4306
4345
|
|
|
4307
4346
|
.sd-paneldynamic__prev-btn {
|
|
4308
|
-
margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4347
|
+
margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4309
4348
|
}
|
|
4310
4349
|
|
|
4311
4350
|
.sd-paneldynamic__next-btn {
|
|
4312
|
-
margin-left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4313
|
-
margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4351
|
+
margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4352
|
+
margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4314
4353
|
transform: rotate(180deg);
|
|
4315
4354
|
}
|
|
4316
4355
|
|
|
@@ -4325,7 +4364,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4325
4364
|
|
|
4326
4365
|
.sd-paneldynamic__buttons-container .sd-action-bar {
|
|
4327
4366
|
width: 100%;
|
|
4328
|
-
margin: 0 calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4367
|
+
margin: 0 calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4329
4368
|
width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4330
4369
|
}
|
|
4331
4370
|
|
|
@@ -4333,17 +4372,17 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4333
4372
|
border-top: none;
|
|
4334
4373
|
position: relative;
|
|
4335
4374
|
top: calc(0.5 * var(--sd-base-vertical-padding));
|
|
4336
|
-
margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4375
|
+
margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4337
4376
|
justify-content: flex-end;
|
|
4338
4377
|
}
|
|
4339
4378
|
|
|
4340
4379
|
.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) {
|
|
4341
|
-
margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4380
|
+
margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4342
4381
|
}
|
|
4343
4382
|
|
|
4344
4383
|
.sd-tabs-toolbar.sv-action-bar {
|
|
4345
4384
|
align-items: flex-start;
|
|
4346
|
-
margin:
|
|
4385
|
+
margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 -1px calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4347
4386
|
width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4348
4387
|
z-index: 1;
|
|
4349
4388
|
}
|
|
@@ -4361,11 +4400,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4361
4400
|
}
|
|
4362
4401
|
|
|
4363
4402
|
.sd-tab-item {
|
|
4364
|
-
margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4403
|
+
margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4365
4404
|
}
|
|
4366
4405
|
|
|
4367
4406
|
.sd-tab-item {
|
|
4368
|
-
padding:
|
|
4407
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4369
4408
|
display: flex;
|
|
4370
4409
|
-webkit-appearance: none;
|
|
4371
4410
|
-moz-appearance: none;
|
|
@@ -4376,8 +4415,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4376
4415
|
background-color: transparent;
|
|
4377
4416
|
cursor: pointer;
|
|
4378
4417
|
font-family: var(--font-family, var(--font-family));
|
|
4379
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
4380
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
4418
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
4419
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
4381
4420
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
4382
4421
|
overflow-x: hidden;
|
|
4383
4422
|
white-space: nowrap;
|
|
@@ -4392,9 +4431,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4392
4431
|
}
|
|
4393
4432
|
|
|
4394
4433
|
.sd-tab-item--icon {
|
|
4395
|
-
padding:
|
|
4434
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4396
4435
|
width: auto;
|
|
4397
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4436
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4398
4437
|
}
|
|
4399
4438
|
.sd-tab-item--icon use {
|
|
4400
4439
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -4424,14 +4463,14 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4424
4463
|
}
|
|
4425
4464
|
|
|
4426
4465
|
.sd-tab-item__title {
|
|
4427
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
4428
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4466
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
4467
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4429
4468
|
display: flex;
|
|
4430
4469
|
align-items: center;
|
|
4431
4470
|
}
|
|
4432
4471
|
|
|
4433
4472
|
.sd-question__title ~ .sd-tabs-toolbar {
|
|
4434
|
-
margin-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4473
|
+
margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4435
4474
|
}
|
|
4436
4475
|
|
|
4437
4476
|
.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {
|
|
@@ -4444,14 +4483,14 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4444
4483
|
|
|
4445
4484
|
.sd-file {
|
|
4446
4485
|
position: relative;
|
|
4447
|
-
font-size:
|
|
4448
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
4449
|
-
min-height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4486
|
+
font-size: var(--sjs-font-size, 16px);
|
|
4487
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
4488
|
+
min-height: calc(36 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4450
4489
|
box-sizing: border-box;
|
|
4451
|
-
padding: 0 calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4490
|
+
padding: 0 calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4452
4491
|
}
|
|
4453
4492
|
.sd-file .sv-action-bar {
|
|
4454
|
-
padding:
|
|
4493
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
|
|
4455
4494
|
justify-content: center;
|
|
4456
4495
|
position: absolute;
|
|
4457
4496
|
width: 100%;
|
|
@@ -4459,12 +4498,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4459
4498
|
bottom: 0;
|
|
4460
4499
|
}
|
|
4461
4500
|
.sd-file .sv-action-bar .sv-action-bar-item {
|
|
4462
|
-
height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4501
|
+
height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4463
4502
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
4464
|
-
border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4503
|
+
border-radius: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4465
4504
|
}
|
|
4466
4505
|
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item {
|
|
4467
|
-
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
4506
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
4468
4507
|
font-weight: 600;
|
|
4469
4508
|
}
|
|
4470
4509
|
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover {
|
|
@@ -4479,13 +4518,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4479
4518
|
flex-direction: column;
|
|
4480
4519
|
position: absolute;
|
|
4481
4520
|
position: absolute;
|
|
4482
|
-
left: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4521
|
+
left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4483
4522
|
width: 100%;
|
|
4484
4523
|
height: 100%;
|
|
4485
4524
|
box-sizing: border-box;
|
|
4486
4525
|
justify-content: center;
|
|
4487
4526
|
align-items: center;
|
|
4488
|
-
padding: 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4527
|
+
padding: 0 calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4489
4528
|
border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
|
|
4490
4529
|
}
|
|
4491
4530
|
|
|
@@ -4505,12 +4544,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4505
4544
|
word-break: break-word;
|
|
4506
4545
|
white-space: normal;
|
|
4507
4546
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
4508
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
4509
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
4547
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
4548
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
4510
4549
|
}
|
|
4511
4550
|
|
|
4512
4551
|
.sd-root-modern--mobile .sd-file__decorator {
|
|
4513
|
-
padding: 0 calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4552
|
+
padding: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4514
4553
|
}
|
|
4515
4554
|
|
|
4516
4555
|
.sd-file__choose-btn--text {
|
|
@@ -4520,7 +4559,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4520
4559
|
cursor: pointer;
|
|
4521
4560
|
}
|
|
4522
4561
|
.sd-file__choose-btn--text .sv-svg-icon {
|
|
4523
|
-
margin-left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4562
|
+
margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4524
4563
|
width: 24px;
|
|
4525
4564
|
height: 24px;
|
|
4526
4565
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
@@ -4539,7 +4578,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4539
4578
|
}
|
|
4540
4579
|
|
|
4541
4580
|
.sd-file__actions-container {
|
|
4542
|
-
margin-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4581
|
+
margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4543
4582
|
}
|
|
4544
4583
|
.sd-file__actions-container .sv-action--hidden {
|
|
4545
4584
|
display: none;
|
|
@@ -4548,29 +4587,29 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4548
4587
|
.sd-file--answered .sd-file__actions-container {
|
|
4549
4588
|
z-index: 2;
|
|
4550
4589
|
margin-top: 0;
|
|
4551
|
-
gap:
|
|
4590
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4552
4591
|
}
|
|
4553
4592
|
|
|
4554
4593
|
.sd-file--answered .sd-file__actions-container {
|
|
4555
|
-
top:
|
|
4556
|
-
right:
|
|
4594
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4595
|
+
right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4557
4596
|
position: absolute;
|
|
4558
4597
|
}
|
|
4559
4598
|
|
|
4560
4599
|
.sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container {
|
|
4561
|
-
inset-inline-end: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
4600
|
+
inset-inline-end: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))) + 5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4562
4601
|
}
|
|
4563
4602
|
|
|
4564
4603
|
.sd-file__list {
|
|
4565
4604
|
display: flex;
|
|
4566
|
-
gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4605
|
+
gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4567
4606
|
box-sizing: content-box;
|
|
4568
4607
|
flex-direction: row;
|
|
4569
4608
|
align-items: stretch;
|
|
4570
4609
|
justify-content: center;
|
|
4571
|
-
padding: calc(10.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
4572
|
-
min-height: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4573
|
-
max-height: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4610
|
+
padding: calc(10.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
4611
|
+
min-height: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4612
|
+
max-height: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4574
4613
|
width: 100%;
|
|
4575
4614
|
}
|
|
4576
4615
|
|
|
@@ -4583,7 +4622,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4583
4622
|
margin: 0;
|
|
4584
4623
|
}
|
|
4585
4624
|
.sd-file__preview .sd-file__default-image {
|
|
4586
|
-
width: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4625
|
+
width: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4587
4626
|
height: 90px;
|
|
4588
4627
|
}
|
|
4589
4628
|
.sd-file__preview img:hover + .sd-file__remove-file-button,
|
|
@@ -4597,10 +4636,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4597
4636
|
}
|
|
4598
4637
|
|
|
4599
4638
|
.sd-file__sign {
|
|
4600
|
-
margin-top:
|
|
4639
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4601
4640
|
text-align: center;
|
|
4602
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
4603
|
-
line-height:
|
|
4641
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
4642
|
+
line-height: var(--sjs-font-size, 16px);
|
|
4604
4643
|
}
|
|
4605
4644
|
.sd-file__sign a {
|
|
4606
4645
|
display: block;
|
|
@@ -4608,11 +4647,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4608
4647
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
4609
4648
|
white-space: normal;
|
|
4610
4649
|
word-break: break-all;
|
|
4611
|
-
width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4650
|
+
width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4612
4651
|
overflow: hidden;
|
|
4613
|
-
max-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4652
|
+
max-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4614
4653
|
text-overflow: ellipsis;
|
|
4615
|
-
line-height:
|
|
4654
|
+
line-height: var(--sjs-font-size, 16px);
|
|
4616
4655
|
display: -webkit-box;
|
|
4617
4656
|
-webkit-line-clamp: 3;
|
|
4618
4657
|
-webkit-box-orient: vertical;
|
|
@@ -4629,13 +4668,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4629
4668
|
.sd-file__image-wrapper {
|
|
4630
4669
|
position: relative;
|
|
4631
4670
|
text-align: center;
|
|
4632
|
-
min-width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4633
|
-
min-height: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4671
|
+
min-width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4672
|
+
min-height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4634
4673
|
}
|
|
4635
4674
|
.sd-file__image-wrapper img:not(.sd-file__default-image) {
|
|
4636
4675
|
display: block;
|
|
4637
|
-
width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4638
|
-
height: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4676
|
+
width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4677
|
+
height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4639
4678
|
object-fit: contain;
|
|
4640
4679
|
background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
4641
4680
|
}
|
|
@@ -4701,15 +4740,15 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4701
4740
|
.sd-file__change-camera-button {
|
|
4702
4741
|
position: absolute;
|
|
4703
4742
|
z-index: 2;
|
|
4704
|
-
left:
|
|
4705
|
-
top:
|
|
4743
|
+
left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4744
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4706
4745
|
}
|
|
4707
4746
|
|
|
4708
4747
|
.sd-file__close-camera-button {
|
|
4709
4748
|
position: absolute;
|
|
4710
4749
|
z-index: 2;
|
|
4711
|
-
right:
|
|
4712
|
-
top:
|
|
4750
|
+
right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4751
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4713
4752
|
}
|
|
4714
4753
|
|
|
4715
4754
|
.sd-context-btn.sd-file__take-picture-button {
|
|
@@ -4718,11 +4757,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4718
4757
|
bottom: 16px;
|
|
4719
4758
|
left: 50%;
|
|
4720
4759
|
transform: translateX(-50%);
|
|
4721
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4760
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4722
4761
|
}
|
|
4723
4762
|
.sd-context-btn.sd-file__take-picture-button .sv-svg-icon {
|
|
4724
|
-
height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4725
|
-
width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4763
|
+
height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4764
|
+
width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4726
4765
|
}
|
|
4727
4766
|
.sd-context-btn.sd-file__take-picture-button .sv-svg-icon use {
|
|
4728
4767
|
fill: var(--sjs-general-backcolor, var(--background, #fff));
|
|
@@ -4760,9 +4799,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4760
4799
|
}
|
|
4761
4800
|
|
|
4762
4801
|
.sd-body__navigation .sd-btn {
|
|
4763
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4764
|
-
font-size: var(--sjs-font-questiontitle-size,
|
|
4765
|
-
line-height: calc(1.5 * var(--sjs-font-questiontitle-size,
|
|
4802
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4803
|
+
font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
|
|
4804
|
+
line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
4766
4805
|
}
|
|
4767
4806
|
|
|
4768
4807
|
.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action) {
|
|
@@ -4777,7 +4816,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4777
4816
|
flex-grow: 1;
|
|
4778
4817
|
}
|
|
4779
4818
|
.sd-root-modern--mobile .sd-body__navigation .sd-btn {
|
|
4780
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4819
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4781
4820
|
}
|
|
4782
4821
|
|
|
4783
4822
|
.sd-body__navigation .sv-action--hidden {
|
|
@@ -4788,22 +4827,27 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4788
4827
|
appearance: none;
|
|
4789
4828
|
-webkit-appearance: none;
|
|
4790
4829
|
-moz-appearance: none;
|
|
4791
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4830
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4792
4831
|
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
|
|
4793
4832
|
box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
4794
|
-
border-radius:
|
|
4833
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
4795
4834
|
cursor: pointer;
|
|
4796
4835
|
font-family: var(--font-family, var(--font-family));
|
|
4797
4836
|
font-style: normal;
|
|
4798
4837
|
font-weight: 600;
|
|
4799
|
-
font-size:
|
|
4800
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
4838
|
+
font-size: var(--sjs-font-size, 16px);
|
|
4839
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
4801
4840
|
text-align: center;
|
|
4802
4841
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4803
4842
|
border: none;
|
|
4804
4843
|
outline: none;
|
|
4805
4844
|
}
|
|
4806
4845
|
|
|
4846
|
+
.sd-btn--small {
|
|
4847
|
+
flex-grow: 1;
|
|
4848
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4849
|
+
}
|
|
4850
|
+
|
|
4807
4851
|
.sd-btn:hover {
|
|
4808
4852
|
background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
4809
4853
|
}
|
|
@@ -4833,22 +4877,37 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4833
4877
|
pointer-events: none;
|
|
4834
4878
|
}
|
|
4835
4879
|
|
|
4880
|
+
.sd-btn--danger {
|
|
4881
|
+
background-color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
4882
|
+
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
4883
|
+
}
|
|
4884
|
+
|
|
4885
|
+
.sd-btn--danger:hover {
|
|
4886
|
+
background-color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
4887
|
+
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
4888
|
+
}
|
|
4889
|
+
|
|
4890
|
+
.sd-btn--danger:disabled {
|
|
4891
|
+
color: var(--sjs-special-red-forecolor, #ffffff);
|
|
4892
|
+
pointer-events: none;
|
|
4893
|
+
}
|
|
4894
|
+
|
|
4836
4895
|
.sd-body {
|
|
4837
4896
|
width: 100%;
|
|
4838
4897
|
}
|
|
4839
4898
|
.sd-body .sd-body__page {
|
|
4840
|
-
min-width: 300px;
|
|
4899
|
+
min-width: min(100%, 300px);
|
|
4841
4900
|
}
|
|
4842
4901
|
.sd-body .sd-body__timer {
|
|
4843
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
4902
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
4844
4903
|
box-sizing: border-box;
|
|
4845
4904
|
}
|
|
4846
4905
|
.sd-body.sd-body--static {
|
|
4847
|
-
max-width: calc(90 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4906
|
+
max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4848
4907
|
margin-left: auto;
|
|
4849
4908
|
margin-right: auto;
|
|
4850
|
-
padding-top: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4851
|
-
padding-bottom: calc(10 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4909
|
+
padding-top: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4910
|
+
padding-bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4852
4911
|
}
|
|
4853
4912
|
.sd-body.sd-body--static .sd-body__timer,
|
|
4854
4913
|
.sd-body.sd-body--static .sd-body__navigation,
|
|
@@ -4857,29 +4916,29 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4857
4916
|
margin-right: 0;
|
|
4858
4917
|
}
|
|
4859
4918
|
.sd-body.sd-body--static .sd-body__navigation {
|
|
4860
|
-
padding-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4919
|
+
padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4861
4920
|
}
|
|
4862
4921
|
.sd-body.sd-body--static .sd-body__navigation.sd-action-bar {
|
|
4863
|
-
padding-left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4864
|
-
padding-right: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4922
|
+
padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4923
|
+
padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4865
4924
|
}
|
|
4866
4925
|
.sd-body.sd-body--responsive {
|
|
4867
4926
|
max-width: initial;
|
|
4868
|
-
padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4927
|
+
padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4869
4928
|
box-sizing: border-box;
|
|
4870
4929
|
}
|
|
4871
4930
|
.sd-body.sd-body--responsive .sd-page {
|
|
4872
4931
|
padding: 0;
|
|
4873
4932
|
}
|
|
4874
4933
|
.sd-body.sd-body--responsive .sd-page.sd-page__empty-header {
|
|
4875
|
-
padding-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4934
|
+
padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4876
4935
|
}
|
|
4877
4936
|
.sd-body.sd-body--responsive .sd-body__timer,
|
|
4878
4937
|
.sd-body.sd-body--responsive .sd-body__navigation {
|
|
4879
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
4938
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
4880
4939
|
}
|
|
4881
4940
|
.sd-body.sd-body--responsive .sd-body__navigation {
|
|
4882
|
-
padding-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4941
|
+
padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4883
4942
|
}
|
|
4884
4943
|
.sd-body.sd-body--responsive.sd-body--with-timer {
|
|
4885
4944
|
max-width: calc(100% + var(--sd-timer-size) * -1.4444444444 + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
@@ -4893,7 +4952,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4893
4952
|
margin-right: 0;
|
|
4894
4953
|
}
|
|
4895
4954
|
.sd-root-modern--mobile .sd-body.sd-body--responsive, .sd-root-modern--mobile .sd-body.sd-body--static {
|
|
4896
|
-
padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4955
|
+
padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4897
4956
|
}
|
|
4898
4957
|
.sd-root-modern--mobile .sd-body.sd-body--responsive .sd-body__navigation, .sd-root-modern--mobile .sd-body.sd-body--static .sd-body__navigation {
|
|
4899
4958
|
padding-left: 0;
|
|
@@ -4901,11 +4960,15 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4901
4960
|
padding-bottom: 0;
|
|
4902
4961
|
}
|
|
4903
4962
|
|
|
4963
|
+
.sd-root--compact .sd-body.sd-body--responsive .sd-body__navigation, .sd-root--compact .sd-body.sd-body--static .sd-body__navigation {
|
|
4964
|
+
padding-top: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4965
|
+
}
|
|
4966
|
+
|
|
4904
4967
|
.sd-body__navigation.sd-action-bar {
|
|
4905
4968
|
box-sizing: border-box;
|
|
4906
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4969
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4907
4970
|
flex-wrap: wrap;
|
|
4908
|
-
gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4971
|
+
gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4909
4972
|
}
|
|
4910
4973
|
|
|
4911
4974
|
.sd-body--empty {
|
|
@@ -5003,16 +5066,16 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5003
5066
|
.sd-body--loading button {
|
|
5004
5067
|
display: flex;
|
|
5005
5068
|
align-items: center;
|
|
5006
|
-
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5069
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5007
5070
|
vertical-align: baseline;
|
|
5008
5071
|
text-align: center;
|
|
5009
5072
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
5010
5073
|
box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
5011
5074
|
border: none;
|
|
5012
|
-
border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5075
|
+
border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5013
5076
|
cursor: pointer;
|
|
5014
5077
|
user-select: none;
|
|
5015
|
-
outline: solid calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) transparent;
|
|
5078
|
+
outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;
|
|
5016
5079
|
}
|
|
5017
5080
|
.sd-body--empty button:hover,
|
|
5018
5081
|
.sd-body--loading button:hover {
|
|
@@ -5032,8 +5095,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5032
5095
|
font-weight: 600;
|
|
5033
5096
|
font-style: normal;
|
|
5034
5097
|
font-family: var(--font-family, var(--font-family));
|
|
5035
|
-
font-size: var(--sjs-font-questiontitle-size,
|
|
5036
|
-
line-height: calc(1.5 * var(--sjs-font-questiontitle-size,
|
|
5098
|
+
font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
|
|
5099
|
+
line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
5037
5100
|
}
|
|
5038
5101
|
|
|
5039
5102
|
.sd-root_background-image {
|
|
@@ -5057,7 +5120,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5057
5120
|
}
|
|
5058
5121
|
|
|
5059
5122
|
.sd-multipletext__cell:not(:first-of-type) {
|
|
5060
|
-
padding-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5123
|
+
padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5061
5124
|
}
|
|
5062
5125
|
|
|
5063
5126
|
.sd-multipletext__item-container.sd-input:focus-within {
|
|
@@ -5081,8 +5144,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5081
5144
|
|
|
5082
5145
|
.sd-multipletext__item-container .sd-input,
|
|
5083
5146
|
.sd-multipletext__item-title {
|
|
5084
|
-
margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5085
|
-
margin-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5147
|
+
margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5148
|
+
margin-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5086
5149
|
}
|
|
5087
5150
|
|
|
5088
5151
|
.sd-multipletext__item-title {
|
|
@@ -5090,14 +5153,14 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5090
5153
|
line-height: 0;
|
|
5091
5154
|
}
|
|
5092
5155
|
.sd-multipletext__item-title span {
|
|
5093
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
5094
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
5156
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
5157
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
5095
5158
|
}
|
|
5096
5159
|
|
|
5097
5160
|
.sd-multipletext__item-title {
|
|
5098
5161
|
height: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 3);
|
|
5099
5162
|
max-width: 30%;
|
|
5100
|
-
padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5163
|
+
padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5101
5164
|
border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
|
|
5102
5165
|
word-break: break-word;
|
|
5103
5166
|
white-space: normal;
|
|
@@ -5126,8 +5189,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5126
5189
|
.sd-multipletext__cell {
|
|
5127
5190
|
padding-left: 0;
|
|
5128
5191
|
padding-right: 0;
|
|
5129
|
-
padding-bottom:
|
|
5130
|
-
padding-top:
|
|
5192
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5193
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5131
5194
|
}
|
|
5132
5195
|
|
|
5133
5196
|
.sd-multipletext__cell--error-bottom,
|
|
@@ -5152,16 +5215,16 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5152
5215
|
appearance: none;
|
|
5153
5216
|
border: none;
|
|
5154
5217
|
display: flex;
|
|
5155
|
-
gap:
|
|
5218
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5156
5219
|
background: transparent;
|
|
5157
|
-
padding:
|
|
5220
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5158
5221
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
5159
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5222
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5160
5223
|
font-weight: 600;
|
|
5161
5224
|
font-family: var(--font-family, var(--font-family));
|
|
5162
5225
|
font-style: normal;
|
|
5163
|
-
font-size: var(--sjs-font-questiontitle-size,
|
|
5164
|
-
line-height: calc(1.5 * var(--sjs-font-questiontitle-size,
|
|
5226
|
+
font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
|
|
5227
|
+
line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
5165
5228
|
outline: none;
|
|
5166
5229
|
}
|
|
5167
5230
|
|
|
@@ -5170,11 +5233,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5170
5233
|
}
|
|
5171
5234
|
|
|
5172
5235
|
.sd-action--icon {
|
|
5173
|
-
padding:
|
|
5236
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5174
5237
|
}
|
|
5175
5238
|
|
|
5176
5239
|
.sd-action__icon {
|
|
5177
|
-
margin-left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5240
|
+
margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5178
5241
|
}
|
|
5179
5242
|
.sd-action__icon use {
|
|
5180
5243
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
@@ -5221,8 +5284,8 @@ svg.sd-action--icon {
|
|
|
5221
5284
|
|
|
5222
5285
|
.sd-action__icon {
|
|
5223
5286
|
display: block;
|
|
5224
|
-
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5225
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5287
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5288
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5226
5289
|
}
|
|
5227
5290
|
|
|
5228
5291
|
.sd-action--pressed:not(.sd-action--active) {
|
|
@@ -5240,8 +5303,8 @@ svg.sd-action--icon {
|
|
|
5240
5303
|
|
|
5241
5304
|
.sd-context-btn {
|
|
5242
5305
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
5243
|
-
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5244
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5306
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5307
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5245
5308
|
border: none;
|
|
5246
5309
|
outline: none;
|
|
5247
5310
|
cursor: pointer;
|
|
@@ -5251,8 +5314,8 @@ svg.sd-action--icon {
|
|
|
5251
5314
|
}
|
|
5252
5315
|
.sd-context-btn svg {
|
|
5253
5316
|
display: block;
|
|
5254
|
-
width: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
5255
|
-
height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
5317
|
+
width: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
5318
|
+
height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
5256
5319
|
}
|
|
5257
5320
|
.sd-context-btn use {
|
|
5258
5321
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -5367,16 +5430,16 @@ svg.sd-action--icon {
|
|
|
5367
5430
|
.sd-completed-before-page button {
|
|
5368
5431
|
display: flex;
|
|
5369
5432
|
align-items: center;
|
|
5370
|
-
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5433
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5371
5434
|
vertical-align: baseline;
|
|
5372
5435
|
text-align: center;
|
|
5373
5436
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
5374
5437
|
box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
5375
5438
|
border: none;
|
|
5376
|
-
border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5439
|
+
border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5377
5440
|
cursor: pointer;
|
|
5378
5441
|
user-select: none;
|
|
5379
|
-
outline: solid calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) transparent;
|
|
5442
|
+
outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;
|
|
5380
5443
|
}
|
|
5381
5444
|
.sd-completedpage button:hover,
|
|
5382
5445
|
.sd-completed-before-page button:hover {
|
|
@@ -5396,24 +5459,24 @@ svg.sd-action--icon {
|
|
|
5396
5459
|
font-weight: 600;
|
|
5397
5460
|
font-style: normal;
|
|
5398
5461
|
font-family: var(--font-family, var(--font-family));
|
|
5399
|
-
font-size: var(--sjs-font-questiontitle-size,
|
|
5400
|
-
line-height: calc(1.5 * var(--sjs-font-questiontitle-size,
|
|
5462
|
+
font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
|
|
5463
|
+
line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
5401
5464
|
}
|
|
5402
5465
|
|
|
5403
5466
|
.sd-completedpage:before,
|
|
5404
5467
|
.sd-completedpage:after {
|
|
5405
5468
|
display: block;
|
|
5406
|
-
width: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5469
|
+
width: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5407
5470
|
margin-left: calc(50% - 4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5408
5471
|
content: "";
|
|
5409
5472
|
}
|
|
5410
5473
|
|
|
5411
5474
|
.sd-completedpage:before {
|
|
5412
|
-
height: calc(13 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5475
|
+
height: calc(13 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5413
5476
|
}
|
|
5414
5477
|
|
|
5415
5478
|
.sd-completedpage:after {
|
|
5416
|
-
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5479
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5417
5480
|
}
|
|
5418
5481
|
|
|
5419
5482
|
.sd-progress-buttons__image-button-left {
|
|
@@ -5440,8 +5503,8 @@ svg.sd-action--icon {
|
|
|
5440
5503
|
flex-grow: 1;
|
|
5441
5504
|
text-decoration: none;
|
|
5442
5505
|
border-top: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
5443
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5444
|
-
padding-bottom: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5506
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5507
|
+
padding-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5445
5508
|
cursor: pointer;
|
|
5446
5509
|
}
|
|
5447
5510
|
.sd-progress-buttons__list li:hover .sd-progress-buttons__page-title {
|
|
@@ -5464,26 +5527,26 @@ svg.sd-action--icon {
|
|
|
5464
5527
|
|
|
5465
5528
|
.sd-progress-buttons__page-title {
|
|
5466
5529
|
width: 100%;
|
|
5467
|
-
font-size:
|
|
5530
|
+
font-size: var(--sjs-font-size, 16px);
|
|
5468
5531
|
font-weight: 600;
|
|
5469
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
5532
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
5470
5533
|
}
|
|
5471
5534
|
|
|
5472
5535
|
.sd-progress-buttons__page-description {
|
|
5473
5536
|
width: 100%;
|
|
5474
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
5475
|
-
line-height:
|
|
5537
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
5538
|
+
line-height: var(--sjs-font-size, 16px);
|
|
5476
5539
|
font-weight: 600;
|
|
5477
5540
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
5478
5541
|
}
|
|
5479
5542
|
|
|
5480
5543
|
.sv_progress-toc {
|
|
5481
|
-
padding:
|
|
5482
|
-
max-width: calc(42 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5544
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5545
|
+
max-width: calc(42 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5483
5546
|
height: 100%;
|
|
5484
5547
|
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
5485
5548
|
box-sizing: border-box;
|
|
5486
|
-
min-width: calc(32 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5549
|
+
min-width: calc(32 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5487
5550
|
}
|
|
5488
5551
|
.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {
|
|
5489
5552
|
background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
@@ -5494,11 +5557,11 @@ svg.sd-action--icon {
|
|
|
5494
5557
|
white-space: break-spaces;
|
|
5495
5558
|
}
|
|
5496
5559
|
.sv_progress-toc .sv-list__item-body {
|
|
5497
|
-
padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5498
|
-
padding-inline-end: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5499
|
-
border-radius:
|
|
5500
|
-
padding-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5501
|
-
padding-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5560
|
+
padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5561
|
+
padding-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5562
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
5563
|
+
padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5564
|
+
padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5502
5565
|
}
|
|
5503
5566
|
|
|
5504
5567
|
.sv_progress-toc--left {
|
|
@@ -5511,50 +5574,50 @@ svg.sd-action--icon {
|
|
|
5511
5574
|
|
|
5512
5575
|
.sv_progress-toc--mobile {
|
|
5513
5576
|
position: fixed;
|
|
5514
|
-
top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5515
|
-
right: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5577
|
+
top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5578
|
+
right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5516
5579
|
width: auto;
|
|
5517
5580
|
min-width: auto;
|
|
5518
5581
|
height: auto;
|
|
5519
5582
|
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
5520
5583
|
z-index: 15;
|
|
5521
|
-
border-radius: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5584
|
+
border-radius: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5522
5585
|
}
|
|
5523
5586
|
.sv_progress-toc--mobile > div {
|
|
5524
|
-
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5525
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5587
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5588
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5526
5589
|
}
|
|
5527
5590
|
.sv_progress-toc--mobile:hover {
|
|
5528
5591
|
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
5529
5592
|
}
|
|
5530
5593
|
|
|
5531
5594
|
.sd-list {
|
|
5532
|
-
padding-right: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5533
|
-
padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5595
|
+
padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5596
|
+
padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5534
5597
|
}
|
|
5535
5598
|
|
|
5536
5599
|
.sd-list__item.sd-list__item {
|
|
5537
5600
|
padding: 0;
|
|
5538
5601
|
}
|
|
5539
5602
|
.sd-list__item.sd-list__item .sd-list__item-body {
|
|
5540
|
-
padding-block: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5541
|
-
border-radius:
|
|
5542
|
-
font-size:
|
|
5543
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
5603
|
+
padding-block: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5604
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
5605
|
+
font-size: var(--sjs-font-size, 16px);
|
|
5606
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
5544
5607
|
}
|
|
5545
5608
|
|
|
5546
5609
|
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {
|
|
5547
5610
|
outline: none;
|
|
5548
5611
|
}
|
|
5549
5612
|
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body {
|
|
5550
|
-
padding-block: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5613
|
+
padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5551
5614
|
}
|
|
5552
5615
|
|
|
5553
5616
|
.sd-timer {
|
|
5554
5617
|
z-index: 2;
|
|
5555
5618
|
position: fixed;
|
|
5556
5619
|
bottom: calc(var(--sd-timer-size) / 144 * 32);
|
|
5557
|
-
right:
|
|
5620
|
+
right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5558
5621
|
background: white;
|
|
5559
5622
|
width: var(--sd-timer-size);
|
|
5560
5623
|
height: var(--sd-timer-size);
|
|
@@ -5568,7 +5631,7 @@ svg.sd-action--icon {
|
|
|
5568
5631
|
|
|
5569
5632
|
.sd-timer--top {
|
|
5570
5633
|
top: calc(var(--sd-timer-size) / 144 * 32);
|
|
5571
|
-
margin-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5634
|
+
margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5572
5635
|
margin-bottom: calc(-1 * var(--sd-timer-size));
|
|
5573
5636
|
}
|
|
5574
5637
|
|
|
@@ -5603,7 +5666,7 @@ svg.sd-action--icon {
|
|
|
5603
5666
|
left: 50%;
|
|
5604
5667
|
top: 50%;
|
|
5605
5668
|
transform: translate(-50%, -50%);
|
|
5606
|
-
padding:
|
|
5669
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5607
5670
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
5608
5671
|
font-weight: 700;
|
|
5609
5672
|
font-size: calc(var(--sd-timer-size) / 144 * 32);
|
|
@@ -5618,13 +5681,23 @@ svg.sd-action--icon {
|
|
|
5618
5681
|
.sd-timer__text--minor {
|
|
5619
5682
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
5620
5683
|
font-weight: 600;
|
|
5621
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
5684
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
5622
5685
|
}
|
|
5623
5686
|
|
|
5624
5687
|
.sv-cover {
|
|
5625
|
-
padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5688
|
+
padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5626
5689
|
box-sizing: border-box;
|
|
5627
5690
|
position: relative;
|
|
5691
|
+
background-color: var(--sjs-cover-backcolor);
|
|
5692
|
+
}
|
|
5693
|
+
|
|
5694
|
+
.sv-conver__overlap {
|
|
5695
|
+
margin-bottom: calc(-13 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5696
|
+
padding-bottom: calc(13 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5697
|
+
}
|
|
5698
|
+
|
|
5699
|
+
.sv-conver__overlap.sv-conver__without-background {
|
|
5700
|
+
margin-bottom: calc(-8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5628
5701
|
}
|
|
5629
5702
|
|
|
5630
5703
|
.sv-conver__without-background {
|
|
@@ -5641,7 +5714,7 @@ svg.sd-action--icon {
|
|
|
5641
5714
|
}
|
|
5642
5715
|
|
|
5643
5716
|
.sv-conver__content--static {
|
|
5644
|
-
max-width: calc(80 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5717
|
+
max-width: calc(80 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5645
5718
|
margin-left: auto;
|
|
5646
5719
|
margin-right: auto;
|
|
5647
5720
|
}
|
|
@@ -5672,6 +5745,7 @@ svg.sd-action--icon {
|
|
|
5672
5745
|
width: max-content;
|
|
5673
5746
|
top: 0;
|
|
5674
5747
|
bottom: 0;
|
|
5748
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5675
5749
|
}
|
|
5676
5750
|
|
|
5677
5751
|
.sv-cover__cell--left .sv-cover__cell-content {
|
|
@@ -5684,6 +5758,7 @@ svg.sd-action--icon {
|
|
|
5684
5758
|
|
|
5685
5759
|
.sv-cover__logo {
|
|
5686
5760
|
display: flex;
|
|
5761
|
+
margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5687
5762
|
}
|
|
5688
5763
|
|
|
5689
5764
|
.sv-cover__title {
|
|
@@ -5691,11 +5766,13 @@ svg.sd-action--icon {
|
|
|
5691
5766
|
}
|
|
5692
5767
|
|
|
5693
5768
|
.sv-cover__title .sd-title {
|
|
5694
|
-
|
|
5769
|
+
--cover-title-font-size: var(--sjs-font-surveytitle-size, calc(2 * (var(--sjs-font-size, 16px))));
|
|
5770
|
+
font-size: var(--cover-title-font-size);
|
|
5771
|
+
line-height: calc(1.25 * (var(--cover-title-font-size)));
|
|
5772
|
+
margin: 0;
|
|
5773
|
+
color: var(--sjs-cover-title-forecolor, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
5695
5774
|
font-family: var(--sjs-font-surveytitle-family, var(--font-family));
|
|
5696
|
-
font-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, var(--sjs-font-size, 16px))));
|
|
5697
5775
|
font-weight: var(--sjs-font-surveytitle-weight, 700);
|
|
5698
|
-
line-height: calc(1.25 * var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));
|
|
5699
5776
|
}
|
|
5700
5777
|
|
|
5701
5778
|
.sv-cover__description {
|
|
@@ -5703,6 +5780,7 @@ svg.sd-action--icon {
|
|
|
5703
5780
|
}
|
|
5704
5781
|
|
|
5705
5782
|
.sv-cover__description .sd-description {
|
|
5783
|
+
margin: 0;
|
|
5706
5784
|
color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
|
|
5707
5785
|
}
|
|
5708
5786
|
|
|
@@ -5715,11 +5793,11 @@ svg.sd-action--icon {
|
|
|
5715
5793
|
}
|
|
5716
5794
|
}
|
|
5717
5795
|
.sd-loading-indicator {
|
|
5718
|
-
height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5796
|
+
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5719
5797
|
}
|
|
5720
5798
|
.sd-loading-indicator .sv-svg-icon {
|
|
5721
|
-
height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5722
|
-
width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5799
|
+
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5800
|
+
width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5723
5801
|
animation-name: rotationAnimation;
|
|
5724
5802
|
animation-timing-function: linear;
|
|
5725
5803
|
animation-iteration-count: infinite;
|
|
@@ -5746,6 +5824,10 @@ sv-components-container,
|
|
|
5746
5824
|
flex-grow: 1;
|
|
5747
5825
|
}
|
|
5748
5826
|
|
|
5827
|
+
.sv-components-row > .sv-components-column--expandable {
|
|
5828
|
+
width: 1px;
|
|
5829
|
+
}
|
|
5830
|
+
|
|
5749
5831
|
.sjs_sp_container {
|
|
5750
5832
|
position: relative;
|
|
5751
5833
|
}
|
|
@@ -5808,7 +5890,7 @@ sv-components-container,
|
|
|
5808
5890
|
width: auto;
|
|
5809
5891
|
}
|
|
5810
5892
|
.sd-root-modern.sd-root-modern--mobile .sd-element__title--expandable:before {
|
|
5811
|
-
left: calc(-2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5893
|
+
left: calc(-2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5812
5894
|
}
|
|
5813
5895
|
.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title {
|
|
5814
5896
|
flex-direction: column;
|
|
@@ -5828,12 +5910,12 @@ sv-components-container,
|
|
|
5828
5910
|
align-items: flex-start;
|
|
5829
5911
|
}
|
|
5830
5912
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {
|
|
5831
|
-
margin-left:
|
|
5913
|
+
margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5832
5914
|
text-align: left;
|
|
5833
5915
|
}
|
|
5834
5916
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell:first-of-type {
|
|
5835
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5836
|
-
padding-bottom:
|
|
5917
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5918
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5837
5919
|
}
|
|
5838
5920
|
.sd-root-modern.sd-root-modern--mobile .sd-table thead {
|
|
5839
5921
|
display: none;
|
|
@@ -5842,10 +5924,10 @@ sv-components-container,
|
|
|
5842
5924
|
display: block;
|
|
5843
5925
|
}
|
|
5844
5926
|
.sd-root-modern.sd-root-modern--mobile .sd-matrix__table tr + tr {
|
|
5845
|
-
margin-top:
|
|
5927
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5846
5928
|
}
|
|
5847
5929
|
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr {
|
|
5848
|
-
padding-bottom:
|
|
5930
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5849
5931
|
}
|
|
5850
5932
|
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr::after {
|
|
5851
5933
|
z-index: 12;
|
|
@@ -5854,8 +5936,8 @@ sv-components-container,
|
|
|
5854
5936
|
position: relative;
|
|
5855
5937
|
height: 1px;
|
|
5856
5938
|
background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
5857
|
-
left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5858
|
-
bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5939
|
+
left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5940
|
+
bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5859
5941
|
width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5860
5942
|
z-index: 12;
|
|
5861
5943
|
}
|
|
@@ -5869,15 +5951,15 @@ sv-components-container,
|
|
|
5869
5951
|
text-align: left;
|
|
5870
5952
|
}
|
|
5871
5953
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell {
|
|
5872
|
-
margin-top:
|
|
5954
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5873
5955
|
}
|
|
5874
5956
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell:first-of-type,
|
|
5875
5957
|
.sd-root-modern.sd-root-modern--mobile .sd-matrix__cell {
|
|
5876
5958
|
margin-top: 0;
|
|
5877
5959
|
}
|
|
5878
5960
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell::before {
|
|
5879
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5880
|
-
padding-bottom:
|
|
5961
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5962
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5881
5963
|
content: attr(data-responsive-title);
|
|
5882
5964
|
font-weight: 600;
|
|
5883
5965
|
display: block;
|
|
@@ -5893,13 +5975,13 @@ sv-components-container,
|
|
|
5893
5975
|
width: auto;
|
|
5894
5976
|
}
|
|
5895
5977
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {
|
|
5896
|
-
margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5978
|
+
margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5897
5979
|
justify-content: flex-end;
|
|
5898
5980
|
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
5899
5981
|
}
|
|
5900
5982
|
.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {
|
|
5901
5983
|
opacity: 1;
|
|
5902
|
-
padding:
|
|
5984
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5903
5985
|
}
|
|
5904
5986
|
.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
|
|
5905
5987
|
display: none;
|
|
@@ -5908,18 +5990,18 @@ sv-components-container,
|
|
|
5908
5990
|
content: attr(title);
|
|
5909
5991
|
}
|
|
5910
5992
|
.sd-root-modern.sd-root-modern--mobile .sd-matrixdynamic__footer {
|
|
5911
|
-
padding-top:
|
|
5912
|
-
margin-bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5993
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5994
|
+
margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5913
5995
|
}
|
|
5914
5996
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {
|
|
5915
5997
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
5916
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5998
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5917
5999
|
}
|
|
5918
6000
|
.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:not(:last-child) {
|
|
5919
|
-
padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
6001
|
+
padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5920
6002
|
}
|
|
5921
6003
|
.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr::after {
|
|
5922
|
-
bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
6004
|
+
bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5923
6005
|
}
|
|
5924
6006
|
.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:last-child:after {
|
|
5925
6007
|
content: none;
|
|
@@ -5931,11 +6013,11 @@ sv-components-container,
|
|
|
5931
6013
|
margin-top: 0;
|
|
5932
6014
|
}
|
|
5933
6015
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top .sd-question__erbox {
|
|
5934
|
-
margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5935
|
-
margin-bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
6016
|
+
margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6017
|
+
margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5936
6018
|
}
|
|
5937
6019
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox {
|
|
5938
|
-
margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
6020
|
+
margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5939
6021
|
}
|
|
5940
6022
|
.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {
|
|
5941
6023
|
margin-left: 0;
|
|
@@ -5947,20 +6029,20 @@ sv-components-container,
|
|
|
5947
6029
|
}
|
|
5948
6030
|
.sd-multipletext--mobile .sd-multipletext__cell:not(:first-of-type) {
|
|
5949
6031
|
padding-left: 0;
|
|
5950
|
-
padding-top:
|
|
6032
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5951
6033
|
}
|
|
5952
6034
|
.sd-multipletext--mobile .sd-multipletext__cell :not(:last-of-type) {
|
|
5953
|
-
padding-bottom:
|
|
6035
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5954
6036
|
}
|
|
5955
6037
|
.sd-multipletext--mobile .sd-multipletext__item-container {
|
|
5956
|
-
padding-top:
|
|
5957
|
-
padding-bottom:
|
|
6038
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
6039
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5958
6040
|
}
|
|
5959
6041
|
.sd-multipletext--mobile .sd-multipletext__item-title {
|
|
5960
6042
|
max-width: none;
|
|
5961
6043
|
border-right: none;
|
|
5962
6044
|
width: 100%;
|
|
5963
|
-
padding:
|
|
6045
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
|
|
5964
6046
|
margin: 0;
|
|
5965
6047
|
}
|
|
5966
6048
|
.sd-multipletext--mobile .sd-multipletext__item {
|
|
@@ -5980,8 +6062,8 @@ sv-components-container,
|
|
|
5980
6062
|
}
|
|
5981
6063
|
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title span,
|
|
5982
6064
|
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title span {
|
|
5983
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
5984
|
-
line-height:
|
|
6065
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
6066
|
+
line-height: var(--sjs-font-size, 16px);
|
|
5985
6067
|
}
|
|
5986
6068
|
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item,
|
|
5987
6069
|
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item {
|
|
@@ -6069,6 +6151,22 @@ body {
|
|
|
6069
6151
|
--sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
6070
6152
|
}
|
|
6071
6153
|
|
|
6154
|
+
.sd-root-modern__wrapper {
|
|
6155
|
+
position: relative;
|
|
6156
|
+
min-height: 100%;
|
|
6157
|
+
}
|
|
6158
|
+
|
|
6159
|
+
.sd-root-modern--full-container .sd-root-modern__wrapper--fixed {
|
|
6160
|
+
position: static;
|
|
6161
|
+
width: 100%;
|
|
6162
|
+
height: 100%;
|
|
6163
|
+
}
|
|
6164
|
+
.sd-root-modern--full-container .sd-root-modern__wrapper--fixed form {
|
|
6165
|
+
overflow: auto;
|
|
6166
|
+
width: 100%;
|
|
6167
|
+
max-height: 100%;
|
|
6168
|
+
}
|
|
6169
|
+
|
|
6072
6170
|
.sv-popup .sv-popup__scrolling-content {
|
|
6073
6171
|
scrollbar-width: thin;
|
|
6074
6172
|
scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;
|
|
@@ -6097,7 +6195,7 @@ body {
|
|
|
6097
6195
|
}
|
|
6098
6196
|
.sv-popup.sv-popup--dropdown.sv-popup--dropdown .sv-popup__body-content {
|
|
6099
6197
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
6100
|
-
padding:
|
|
6198
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
|
|
6101
6199
|
height: 100%;
|
|
6102
6200
|
}
|
|
6103
6201
|
|