survey-react 1.9.110 → 1.9.112
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 +784 -675
- package/defaultV2.css.map +1 -1
- package/defaultV2.min.css +2 -2
- package/modern.css +310 -241
- 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 +360 -207
- package/survey.react.js +770 -394
- 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.112
|
|
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,43 @@ 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__shadow {
|
|
513
|
+
height: initial;
|
|
514
|
+
}
|
|
515
|
+
.sv-popup--confirm-delete .sv-popup__container {
|
|
516
|
+
border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
517
|
+
}
|
|
518
|
+
.sv-popup--confirm-delete .sv-popup__body-content {
|
|
519
|
+
border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
520
|
+
}
|
|
521
|
+
.sv-popup--confirm-delete .sv-popup__body-header {
|
|
522
|
+
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
523
|
+
margin-bottom: 0;
|
|
524
|
+
/* UI/Default */
|
|
525
|
+
font-family: var(--font-family);
|
|
526
|
+
font-size: var(--sjs-font-size, 16px);
|
|
527
|
+
font-style: normal;
|
|
528
|
+
font-weight: 400;
|
|
529
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px))); /* 150% */
|
|
530
|
+
}
|
|
531
|
+
.sv-popup--confirm-delete .sv-popup__scrolling-content {
|
|
532
|
+
display: none;
|
|
533
|
+
}
|
|
534
|
+
.sv-popup--confirm-delete .sv-popup__body-footer {
|
|
535
|
+
padding-bottom: 0;
|
|
536
|
+
}
|
|
537
|
+
.sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar {
|
|
538
|
+
gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
539
|
+
}
|
|
540
|
+
|
|
512
541
|
.sv-popup.sv-popup--modal > .sv-popup__container {
|
|
513
542
|
position: static;
|
|
514
543
|
}
|
|
@@ -523,23 +552,23 @@ sv-popup {
|
|
|
523
552
|
max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
524
553
|
height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
525
554
|
width: 100%;
|
|
526
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
555
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
527
556
|
border: unset;
|
|
528
557
|
}
|
|
529
558
|
.sv-popup--overlay.sv-popup--overlay .sv-popup__body-content {
|
|
530
559
|
max-height: var(--sv-popup-overlay-height, 100vh);
|
|
531
560
|
max-width: 100vw;
|
|
532
|
-
border-radius: calc(4 * var(--sjs-corner-radius, 4px)) calc(4 * var(--sjs-corner-radius, 4px)) 0px 0px;
|
|
561
|
+
border-radius: calc(4 * (var(--sjs-corner-radius, 4px))) calc(4 * (var(--sjs-corner-radius, 4px))) 0px 0px;
|
|
533
562
|
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
534
563
|
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)));
|
|
564
|
+
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
565
|
height: calc(100% - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
537
566
|
}
|
|
538
567
|
.sv-popup--overlay.sv-popup--overlay .sv-popup__scrolling-content {
|
|
539
568
|
height: calc(100% - 10 * var(--base-unit, 8px));
|
|
540
569
|
}
|
|
541
570
|
.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer {
|
|
542
|
-
margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
571
|
+
margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
543
572
|
}
|
|
544
573
|
.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {
|
|
545
574
|
width: 100%;
|
|
@@ -588,22 +617,22 @@ sv-popup {
|
|
|
588
617
|
}
|
|
589
618
|
|
|
590
619
|
.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);
|
|
620
|
+
transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))))) rotate(180deg);
|
|
592
621
|
}
|
|
593
622
|
|
|
594
623
|
.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))));
|
|
624
|
+
transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))), calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
596
625
|
}
|
|
597
626
|
|
|
598
627
|
.sv-popup--show-pointer.sv-popup--right .sv-popup__container {
|
|
599
|
-
transform: translate(
|
|
628
|
+
transform: translate(var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
600
629
|
}
|
|
601
630
|
.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer {
|
|
602
631
|
transform: translate(-12px, -4px) rotate(-90deg);
|
|
603
632
|
}
|
|
604
633
|
|
|
605
634
|
.sv-popup--show-pointer.sv-popup--left .sv-popup__container {
|
|
606
|
-
transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
635
|
+
transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
607
636
|
}
|
|
608
637
|
.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer {
|
|
609
638
|
transform: translate(-4px, -4px) rotate(90deg);
|
|
@@ -618,42 +647,42 @@ sv-popup {
|
|
|
618
647
|
display: block;
|
|
619
648
|
width: 0;
|
|
620
649
|
height: 0;
|
|
621
|
-
border-left:
|
|
622
|
-
border-right:
|
|
623
|
-
border-bottom:
|
|
650
|
+
border-left: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
|
|
651
|
+
border-right: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
|
|
652
|
+
border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--sjs-general-backcolor, var(--background, #fff));
|
|
624
653
|
align-self: center;
|
|
625
654
|
}
|
|
626
655
|
|
|
627
656
|
.sv-popup__body-header {
|
|
628
657
|
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));
|
|
658
|
+
font-size: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
659
|
+
line-height: calc(2 * (var(--sjs-font-size, 16px)));
|
|
631
660
|
font-style: normal;
|
|
632
661
|
font-weight: 700;
|
|
633
|
-
margin-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
662
|
+
margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
634
663
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
635
664
|
}
|
|
636
665
|
|
|
637
666
|
.sv-popup__body-footer {
|
|
638
667
|
display: flex;
|
|
639
|
-
margin-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
668
|
+
margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
640
669
|
}
|
|
641
670
|
|
|
642
671
|
.sv-popup__body-footer .sv-action-bar {
|
|
643
|
-
gap: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
672
|
+
gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
644
673
|
}
|
|
645
674
|
|
|
646
675
|
.sv-popup__button {
|
|
647
|
-
margin: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
676
|
+
margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
648
677
|
}
|
|
649
678
|
|
|
650
679
|
.sv-popup--modal .sv-list__filter,
|
|
651
680
|
.sv-popup--overlay .sv-list__filter {
|
|
652
|
-
padding-top:
|
|
681
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
653
682
|
}
|
|
654
683
|
.sv-popup--modal .sv-list__filter-icon,
|
|
655
684
|
.sv-popup--overlay .sv-list__filter-icon {
|
|
656
|
-
top: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
685
|
+
top: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
657
686
|
}
|
|
658
687
|
|
|
659
688
|
.sv-dropdown-popup.sv-popup--overlay {
|
|
@@ -672,8 +701,8 @@ sv-popup {
|
|
|
672
701
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
673
702
|
border: none;
|
|
674
703
|
box-shadow: none;
|
|
675
|
-
padding:
|
|
676
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
704
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
705
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
677
706
|
margin: 0;
|
|
678
707
|
}
|
|
679
708
|
.sv-dropdown-popup.sv-popup--overlay .sv-popup__container {
|
|
@@ -687,40 +716,40 @@ sv-popup {
|
|
|
687
716
|
.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer {
|
|
688
717
|
background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
689
718
|
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)));
|
|
719
|
+
padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
720
|
+
padding-bottom: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
692
721
|
border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
693
722
|
}
|
|
694
723
|
.sv-dropdown-popup.sv-popup--overlay .sv-popup__scrolling-content {
|
|
695
724
|
height: calc(100% - 6 * var(--base-unit, 8px));
|
|
696
725
|
}
|
|
697
726
|
.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)));
|
|
727
|
+
width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
728
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
700
729
|
}
|
|
701
730
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__container {
|
|
702
731
|
padding: 0;
|
|
703
732
|
}
|
|
704
733
|
.sv-dropdown-popup.sv-popup--overlay .sv-list {
|
|
705
734
|
flex-grow: 1;
|
|
706
|
-
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
735
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
707
736
|
}
|
|
708
737
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter {
|
|
709
738
|
display: flex;
|
|
710
739
|
align-items: center;
|
|
711
|
-
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)))
|
|
740
|
+
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
741
|
}
|
|
713
742
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon {
|
|
714
743
|
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)));
|
|
744
|
+
top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
745
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
717
746
|
}
|
|
718
747
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__empty-container {
|
|
719
748
|
display: flex;
|
|
720
749
|
flex-direction: column;
|
|
721
750
|
justify-content: center;
|
|
722
751
|
flex-grow: 1;
|
|
723
|
-
padding:
|
|
752
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
724
753
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
725
754
|
}
|
|
726
755
|
.sv-dropdown-popup.sv-popup--overlay .sv-popup__button:disabled {
|
|
@@ -729,27 +758,27 @@ sv-popup {
|
|
|
729
758
|
opacity: 0.25;
|
|
730
759
|
}
|
|
731
760
|
.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)));
|
|
761
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
762
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
763
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
735
764
|
appearance: none;
|
|
736
765
|
border: none;
|
|
737
766
|
border-radius: 100%;
|
|
738
767
|
background-color: transparent;
|
|
739
768
|
}
|
|
740
769
|
.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)));
|
|
770
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
771
|
+
width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
743
772
|
}
|
|
744
773
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg use {
|
|
745
774
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
746
775
|
}
|
|
747
776
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__input {
|
|
748
777
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
749
|
-
font-size:
|
|
750
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
778
|
+
font-size: var(--sjs-font-size, 16px);
|
|
779
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
751
780
|
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)))
|
|
781
|
+
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
782
|
}
|
|
754
783
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover .sv-list__item-body,
|
|
755
784
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus .sv-list__item-body,
|
|
@@ -780,12 +809,12 @@ sv-popup {
|
|
|
780
809
|
left: 50%;
|
|
781
810
|
top: 50%;
|
|
782
811
|
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)));
|
|
812
|
+
min-height: min(var(--sv-popup-overlay-max-height), 31 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
784
813
|
height: auto;
|
|
785
814
|
width: auto;
|
|
786
|
-
min-width: min(40 * var(--sjs-base-unit, var(--base-unit, 8px)), var(--sv-popup-overlay-max-width));
|
|
815
|
+
min-width: min(40 * (var(--sjs-base-unit, var(--base-unit, 8px))), var(--sv-popup-overlay-max-width));
|
|
787
816
|
max-width: var(--sv-popup-overlay-max-width);
|
|
788
|
-
border-radius:
|
|
817
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
789
818
|
overflow: hidden;
|
|
790
819
|
margin: 0;
|
|
791
820
|
}
|
|
@@ -799,7 +828,7 @@ sv-popup {
|
|
|
799
828
|
display: flex;
|
|
800
829
|
align-items: center;
|
|
801
830
|
flex-direction: row;
|
|
802
|
-
font-size:
|
|
831
|
+
font-size: var(--sjs-font-size, 16px);
|
|
803
832
|
overflow: auto;
|
|
804
833
|
border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
|
|
805
834
|
}
|
|
@@ -817,10 +846,10 @@ sv-popup {
|
|
|
817
846
|
align-items: center;
|
|
818
847
|
appearance: none;
|
|
819
848
|
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));
|
|
849
|
+
padding: 11px calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
850
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
822
851
|
outline: none;
|
|
823
|
-
font-size:
|
|
852
|
+
font-size: var(--sjs-font-size, 16px);
|
|
824
853
|
font-weight: 400;
|
|
825
854
|
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
826
855
|
cursor: pointer;
|
|
@@ -838,7 +867,7 @@ sv-popup {
|
|
|
838
867
|
|
|
839
868
|
.sv-button-group__item-icon {
|
|
840
869
|
display: block;
|
|
841
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
870
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
842
871
|
}
|
|
843
872
|
.sv-button-group__item-icon use {
|
|
844
873
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -869,7 +898,7 @@ sv-popup {
|
|
|
869
898
|
}
|
|
870
899
|
|
|
871
900
|
.sv-button-group__item-icon + .sv-button-group__item-caption {
|
|
872
|
-
margin-left:
|
|
901
|
+
margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
873
902
|
}
|
|
874
903
|
|
|
875
904
|
.sv-button-group__item--disabled {
|
|
@@ -923,7 +952,7 @@ sv-popup {
|
|
|
923
952
|
|
|
924
953
|
.sv-title-actions .sv-title-actions__title {
|
|
925
954
|
flex-wrap: wrap;
|
|
926
|
-
flex: 0
|
|
955
|
+
flex: 0 1 auto;
|
|
927
956
|
max-width: unset;
|
|
928
957
|
min-width: unset;
|
|
929
958
|
}
|
|
@@ -940,7 +969,7 @@ sv-popup {
|
|
|
940
969
|
background-color: cadetblue;
|
|
941
970
|
padding: 1px;
|
|
942
971
|
font-family: var(--font-family, var(--font-family));
|
|
943
|
-
font-size: calc(0.875 * var(--sjs-font-size, 16px));
|
|
972
|
+
font-size: calc(0.875 * (var(--sjs-font-size, 16px)));
|
|
944
973
|
font-style: normal;
|
|
945
974
|
font-weight: 400;
|
|
946
975
|
line-height: 1.42857143;
|
|
@@ -959,7 +988,7 @@ sv-popup {
|
|
|
959
988
|
background-clip: padding-box;
|
|
960
989
|
border: 1px solid #ccc;
|
|
961
990
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
962
|
-
border-radius: calc(1.5 * var(--sjs-corner-radius, 4px));
|
|
991
|
+
border-radius: calc(1.5 * (var(--sjs-corner-radius, 4px)));
|
|
963
992
|
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
964
993
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
965
994
|
line-break: auto;
|
|
@@ -969,10 +998,10 @@ sv-popup {
|
|
|
969
998
|
.sv_window_title {
|
|
970
999
|
padding: 8px 14px;
|
|
971
1000
|
margin: 0;
|
|
972
|
-
font-size: calc(0.875 * var(--sjs-font-size, 16px));
|
|
1001
|
+
font-size: calc(0.875 * (var(--sjs-font-size, 16px)));
|
|
973
1002
|
background-color: #f7f7f7;
|
|
974
1003
|
border-bottom: 1px solid #ebebeb;
|
|
975
|
-
border-radius:
|
|
1004
|
+
border-radius: var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px) 0 0;
|
|
976
1005
|
display: flex;
|
|
977
1006
|
}
|
|
978
1007
|
|
|
@@ -987,7 +1016,7 @@ sv-popup {
|
|
|
987
1016
|
.sv_window_title a:link,
|
|
988
1017
|
.sv_window_title a:visited {
|
|
989
1018
|
text-decoration: none;
|
|
990
|
-
font-size: calc(0.875 * var(--sjs-font-size, 16px));
|
|
1019
|
+
font-size: calc(0.875 * (var(--sjs-font-size, 16px)));
|
|
991
1020
|
font-style: normal;
|
|
992
1021
|
color: black;
|
|
993
1022
|
}
|
|
@@ -1012,8 +1041,8 @@ sv-popup {
|
|
|
1012
1041
|
|
|
1013
1042
|
.sv-brand-info__text {
|
|
1014
1043
|
font-weight: 600;
|
|
1015
|
-
font-size:
|
|
1016
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
1044
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1045
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1017
1046
|
color: #161616;
|
|
1018
1047
|
}
|
|
1019
1048
|
|
|
@@ -1026,8 +1055,8 @@ sv-popup {
|
|
|
1026
1055
|
|
|
1027
1056
|
.sv-brand-info__terms {
|
|
1028
1057
|
font-weight: 400;
|
|
1029
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
1030
|
-
line-height:
|
|
1058
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
1059
|
+
line-height: var(--sjs-font-size, 16px);
|
|
1031
1060
|
}
|
|
1032
1061
|
.sv-brand-info__terms a {
|
|
1033
1062
|
color: #909090;
|
|
@@ -1062,21 +1091,21 @@ sv-popup {
|
|
|
1062
1091
|
|
|
1063
1092
|
.sv-ranking-item:focus .sv-ranking-item__icon--focus {
|
|
1064
1093
|
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)));
|
|
1094
|
+
top: calc(0.6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1095
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1067
1096
|
}
|
|
1068
1097
|
|
|
1069
1098
|
.sv-ranking-item:focus .sv-ranking-item__index {
|
|
1070
1099
|
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));
|
|
1100
|
+
outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1072
1101
|
}
|
|
1073
1102
|
|
|
1074
1103
|
.sv-ranking-item__content.sv-ranking-item__content {
|
|
1075
1104
|
display: flex;
|
|
1076
1105
|
align-items: center;
|
|
1077
1106
|
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)));
|
|
1107
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
|
|
1108
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1080
1109
|
}
|
|
1081
1110
|
|
|
1082
1111
|
.sv-ranking-item__icon-container {
|
|
@@ -1085,8 +1114,8 @@ sv-popup {
|
|
|
1085
1114
|
top: 0;
|
|
1086
1115
|
bottom: 0;
|
|
1087
1116
|
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)));
|
|
1117
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1118
|
+
height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1090
1119
|
}
|
|
1091
1120
|
|
|
1092
1121
|
.sv-ranking-item--disabled.sv-ranking-item--disabled {
|
|
@@ -1100,9 +1129,9 @@ sv-popup {
|
|
|
1100
1129
|
visibility: hidden;
|
|
1101
1130
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1102
1131
|
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)));
|
|
1132
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1133
|
+
width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1134
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1106
1135
|
}
|
|
1107
1136
|
|
|
1108
1137
|
.sv-ranking-item__index.sv-ranking-item__index {
|
|
@@ -1112,21 +1141,21 @@ sv-popup {
|
|
|
1112
1141
|
justify-content: center;
|
|
1113
1142
|
background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
1114
1143
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1115
|
-
font-size:
|
|
1144
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1116
1145
|
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));
|
|
1146
|
+
border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
|
|
1147
|
+
width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1148
|
+
height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1149
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1121
1150
|
box-sizing: border-box;
|
|
1122
1151
|
font-weight: 600;
|
|
1123
|
-
margin-left: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1152
|
+
margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1124
1153
|
}
|
|
1125
1154
|
.sv-ranking-item__index.sv-ranking-item__index:empty {
|
|
1126
1155
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC");
|
|
1127
1156
|
background-position: center;
|
|
1128
1157
|
background-repeat: no-repeat;
|
|
1129
|
-
background-size:
|
|
1158
|
+
background-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
1130
1159
|
}
|
|
1131
1160
|
|
|
1132
1161
|
.sv-ranking-item__text {
|
|
@@ -1135,9 +1164,9 @@ sv-popup {
|
|
|
1135
1164
|
text-overflow: ellipsis;
|
|
1136
1165
|
white-space: nowrap;
|
|
1137
1166
|
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)));
|
|
1167
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
1168
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
1169
|
+
margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1141
1170
|
}
|
|
1142
1171
|
|
|
1143
1172
|
.sd-ranking--disabled .sv-ranking-item__text {
|
|
@@ -1153,18 +1182,18 @@ sv-popup {
|
|
|
1153
1182
|
.sv-ranking-item__ghost.sv-ranking-item__ghost {
|
|
1154
1183
|
display: none;
|
|
1155
1184
|
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)));
|
|
1185
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1186
|
+
width: calc(31 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1187
|
+
height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1159
1188
|
z-index: 1;
|
|
1160
1189
|
position: absolute;
|
|
1161
1190
|
left: 0;
|
|
1162
|
-
top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1191
|
+
top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1163
1192
|
}
|
|
1164
1193
|
|
|
1165
1194
|
[dir=rtl] .sv-ranking-item__ghost {
|
|
1166
1195
|
left: initilal;
|
|
1167
|
-
right: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1196
|
+
right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1168
1197
|
}
|
|
1169
1198
|
|
|
1170
1199
|
.sv-ranking-item--ghost .sv-ranking-item__ghost {
|
|
@@ -1177,7 +1206,7 @@ sv-popup {
|
|
|
1177
1206
|
|
|
1178
1207
|
.sv-ranking-item--drag .sv-ranking-item__content {
|
|
1179
1208
|
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)));
|
|
1209
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1181
1210
|
}
|
|
1182
1211
|
|
|
1183
1212
|
.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {
|
|
@@ -1225,7 +1254,7 @@ sv-popup {
|
|
|
1225
1254
|
}
|
|
1226
1255
|
|
|
1227
1256
|
.sv-ranking-shortcut .sv-ranking-item__text {
|
|
1228
|
-
margin-right: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1257
|
+
margin-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1229
1258
|
}
|
|
1230
1259
|
|
|
1231
1260
|
.sv-ranking-shortcut .sv-ranking-item__icon--hover {
|
|
@@ -1233,16 +1262,16 @@ sv-popup {
|
|
|
1233
1262
|
}
|
|
1234
1263
|
|
|
1235
1264
|
.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:
|
|
1265
|
+
width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1266
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1267
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1239
1268
|
}
|
|
1240
1269
|
|
|
1241
1270
|
.sv-ranking-shortcut .sv-ranking-item__content {
|
|
1242
|
-
padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1271
|
+
padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1243
1272
|
}
|
|
1244
1273
|
.sv-ranking-shortcut .sv-ranking-item__icon-container {
|
|
1245
|
-
margin-left:
|
|
1274
|
+
margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1246
1275
|
}
|
|
1247
1276
|
|
|
1248
1277
|
.sv-ranking--select-to-rank {
|
|
@@ -1253,39 +1282,42 @@ sv-popup {
|
|
|
1253
1282
|
flex-direction: column-reverse;
|
|
1254
1283
|
}
|
|
1255
1284
|
.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {
|
|
1256
|
-
margin: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
1285
|
+
margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
1257
1286
|
height: 1px;
|
|
1258
1287
|
}
|
|
1259
1288
|
.sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {
|
|
1260
|
-
padding-top:
|
|
1261
|
-
padding-bottom:
|
|
1289
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1290
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1262
1291
|
display: flex;
|
|
1263
1292
|
justify-content: center;
|
|
1264
1293
|
align-items: center;
|
|
1265
1294
|
}
|
|
1266
1295
|
|
|
1296
|
+
.sv-ranking--select-to-rank-horizontal .sv-ranking__container {
|
|
1297
|
+
max-width: calc(50% - 1px);
|
|
1298
|
+
}
|
|
1267
1299
|
.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {
|
|
1268
1300
|
width: 1px;
|
|
1269
1301
|
}
|
|
1270
1302
|
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
|
|
1271
|
-
left:
|
|
1303
|
+
left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1272
1304
|
}
|
|
1273
1305
|
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {
|
|
1274
1306
|
left: initial;
|
|
1275
1307
|
}
|
|
1276
1308
|
.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)));
|
|
1309
|
+
padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1278
1310
|
}
|
|
1279
1311
|
.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)));
|
|
1312
|
+
padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1281
1313
|
}
|
|
1282
1314
|
|
|
1283
1315
|
.sv-ranking__container-placeholder {
|
|
1284
1316
|
color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
|
|
1285
1317
|
font-family: var(--font-family, var(--font-family));
|
|
1286
1318
|
font-style: normal;
|
|
1287
|
-
font-size:
|
|
1288
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
1319
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1320
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1289
1321
|
white-space: break-spaces;
|
|
1290
1322
|
display: flex;
|
|
1291
1323
|
justify-content: center;
|
|
@@ -1323,15 +1355,15 @@ sv-popup {
|
|
|
1323
1355
|
width: 100%;
|
|
1324
1356
|
font-family: var(--font-family, var(--font-family));
|
|
1325
1357
|
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)));
|
|
1358
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1327
1359
|
overflow: hidden;
|
|
1328
1360
|
text-overflow: ellipsis;
|
|
1329
1361
|
white-space: nowrap;
|
|
1330
1362
|
}
|
|
1331
1363
|
|
|
1332
1364
|
.sv-list__empty-text {
|
|
1333
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
1334
|
-
font-size:
|
|
1365
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1366
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1335
1367
|
font-weight: 400;
|
|
1336
1368
|
text-align: center;
|
|
1337
1369
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -1352,13 +1384,13 @@ sv-popup {
|
|
|
1352
1384
|
width: 100%;
|
|
1353
1385
|
align-items: center;
|
|
1354
1386
|
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)));
|
|
1387
|
+
padding-block: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1388
|
+
padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1389
|
+
padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1358
1390
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1359
1391
|
font-weight: normal;
|
|
1360
|
-
font-size:
|
|
1361
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
1392
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1393
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1362
1394
|
cursor: pointer;
|
|
1363
1395
|
overflow: hidden;
|
|
1364
1396
|
text-align: left;
|
|
@@ -1370,14 +1402,14 @@ sv-popup {
|
|
|
1370
1402
|
outline: none;
|
|
1371
1403
|
}
|
|
1372
1404
|
.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)));
|
|
1405
|
+
border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
1406
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
1407
|
+
padding-block: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1408
|
+
padding-inline-end: calc(7.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1409
|
+
padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1378
1410
|
}
|
|
1379
1411
|
.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)));
|
|
1412
|
+
margin-inline-start: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1381
1413
|
}
|
|
1382
1414
|
|
|
1383
1415
|
.sv-list__item:hover,
|
|
@@ -1393,17 +1425,17 @@ sv-popup {
|
|
|
1393
1425
|
padding: 0;
|
|
1394
1426
|
}
|
|
1395
1427
|
.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)));
|
|
1428
|
+
padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1429
|
+
padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1430
|
+
gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1399
1431
|
display: flex;
|
|
1400
1432
|
}
|
|
1401
1433
|
|
|
1402
1434
|
.sv-list__item-icon {
|
|
1403
1435
|
float: left;
|
|
1404
1436
|
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)));
|
|
1437
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1438
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1407
1439
|
}
|
|
1408
1440
|
.sv-list__item-icon svg {
|
|
1409
1441
|
display: block;
|
|
@@ -1419,7 +1451,7 @@ sv-popup {
|
|
|
1419
1451
|
}
|
|
1420
1452
|
|
|
1421
1453
|
.sv-list__item-separator {
|
|
1422
|
-
margin:
|
|
1454
|
+
margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
|
|
1423
1455
|
height: 1px;
|
|
1424
1456
|
background-color: var(--sjs-border-default, var(--border, #d6d6d6));
|
|
1425
1457
|
}
|
|
@@ -1473,18 +1505,18 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1473
1505
|
.sv-list__filter {
|
|
1474
1506
|
border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
|
|
1475
1507
|
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1476
|
-
padding-bottom:
|
|
1508
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1477
1509
|
}
|
|
1478
1510
|
|
|
1479
1511
|
.sv-list__filter-icon {
|
|
1480
1512
|
display: block;
|
|
1481
1513
|
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)));
|
|
1514
|
+
top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1515
|
+
inset-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1484
1516
|
}
|
|
1485
1517
|
.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)));
|
|
1518
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1519
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1488
1520
|
}
|
|
1489
1521
|
.sv-list__filter-icon .sv-svg-icon use {
|
|
1490
1522
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -1499,11 +1531,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1499
1531
|
box-sizing: border-box;
|
|
1500
1532
|
width: 100%;
|
|
1501
1533
|
outline: none;
|
|
1502
|
-
font-size:
|
|
1534
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1503
1535
|
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));
|
|
1536
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1537
|
+
padding-inline-start: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1538
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1507
1539
|
border: none;
|
|
1508
1540
|
}
|
|
1509
1541
|
|
|
@@ -1527,24 +1559,24 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1527
1559
|
.sv-save-data_root {
|
|
1528
1560
|
position: fixed;
|
|
1529
1561
|
left: 50%;
|
|
1530
|
-
bottom: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1562
|
+
bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1531
1563
|
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1532
1564
|
opacity: 0;
|
|
1533
|
-
padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1565
|
+
padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1534
1566
|
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));
|
|
1567
|
+
border-radius: calc(2 * (var(--sjs-corner-radius, 4px)));
|
|
1536
1568
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1537
|
-
min-width: calc(30 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1569
|
+
min-width: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1538
1570
|
text-align: center;
|
|
1539
1571
|
z-index: 1600;
|
|
1540
1572
|
font-family: var(--font-family, var(--font-family));
|
|
1541
|
-
font-size:
|
|
1542
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
1573
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1574
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1543
1575
|
display: flex;
|
|
1544
1576
|
flex-direction: row;
|
|
1545
1577
|
justify-content: center;
|
|
1546
1578
|
align-items: center;
|
|
1547
|
-
transform: translateX(-50%) translateY(calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1579
|
+
transform: translateX(-50%) translateY(calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1548
1580
|
transition-timing-function: ease-in;
|
|
1549
1581
|
transition-property: transform, opacity;
|
|
1550
1582
|
transition-delay: 0.25s;
|
|
@@ -1578,20 +1610,20 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1578
1610
|
background-color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
1579
1611
|
color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1580
1612
|
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)));
|
|
1613
|
+
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))));
|
|
1614
|
+
gap: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1583
1615
|
}
|
|
1584
1616
|
|
|
1585
1617
|
.sv-save-data_root.sv-save-data_error .sv-save-data_button {
|
|
1586
1618
|
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)));
|
|
1619
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1620
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
1621
|
+
height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1590
1622
|
color: #ffffff;
|
|
1591
1623
|
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:
|
|
1624
|
+
border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid #ffffff;
|
|
1625
|
+
border-radius: calc(1.5 * (var(--sjs-corner-radius, 4px)));
|
|
1626
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1595
1627
|
display: flex;
|
|
1596
1628
|
align-items: center;
|
|
1597
1629
|
}
|
|
@@ -1642,13 +1674,13 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1642
1674
|
margin: 0;
|
|
1643
1675
|
}
|
|
1644
1676
|
.sd-element__title .sd-element__num {
|
|
1645
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
1646
|
-
line-height:
|
|
1677
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
1678
|
+
line-height: var(--sjs-font-size, 16px);
|
|
1647
1679
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
1648
1680
|
}
|
|
1649
1681
|
.sd-element__title span {
|
|
1650
|
-
font-size: var(--sjs-font-questiontitle-size,
|
|
1651
|
-
line-height: calc(1.5 * var(--sjs-font-questiontitle-size,
|
|
1682
|
+
font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
|
|
1683
|
+
line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
1652
1684
|
}
|
|
1653
1685
|
.sd-element__title .sv-title-actions__title {
|
|
1654
1686
|
font-size: 0;
|
|
@@ -1667,15 +1699,15 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1667
1699
|
|
|
1668
1700
|
.sd-element__num {
|
|
1669
1701
|
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)));
|
|
1702
|
+
padding-top: calc(0.625 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1703
|
+
padding-bottom: calc(0.375 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1672
1704
|
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:
|
|
1705
|
+
padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1706
|
+
width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1707
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
1708
|
+
line-height: var(--sjs-font-size, 16px);
|
|
1677
1709
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
1678
|
-
margin-inline-start: calc(-5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1710
|
+
margin-inline-start: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1679
1711
|
text-align: end;
|
|
1680
1712
|
box-sizing: border-box;
|
|
1681
1713
|
white-space: nowrap;
|
|
@@ -1715,11 +1747,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1715
1747
|
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
1748
|
background-repeat: no-repeat;
|
|
1717
1749
|
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)));
|
|
1750
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1751
|
+
width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1720
1752
|
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)));
|
|
1753
|
+
left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1754
|
+
top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1723
1755
|
}
|
|
1724
1756
|
|
|
1725
1757
|
.sd-element__title--expandable.sd-element__title--expanded:before {
|
|
@@ -1779,7 +1811,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1779
1811
|
}
|
|
1780
1812
|
|
|
1781
1813
|
.sd-element--collapsed > .sd-element__header {
|
|
1782
|
-
padding: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);
|
|
1814
|
+
padding: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sd-base-padding);
|
|
1783
1815
|
box-sizing: border-box;
|
|
1784
1816
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1785
1817
|
}
|
|
@@ -1794,8 +1826,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1794
1826
|
padding-bottom: 0;
|
|
1795
1827
|
}
|
|
1796
1828
|
.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)));
|
|
1829
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1830
|
+
padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1799
1831
|
border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
|
|
1800
1832
|
}
|
|
1801
1833
|
.sd-element--collapsed > .sd-element__header:focus-within, .sd-element--collapsed > .sd-element__header:hover {
|
|
@@ -1811,7 +1843,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1811
1843
|
bottom: calc(-0.5 * var(--sd-base-vertical-padding));
|
|
1812
1844
|
}
|
|
1813
1845
|
.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));
|
|
1846
|
+
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
1847
|
}
|
|
1816
1848
|
.sd-element--nested.sd-panel, .sd-element--nested.sd-question--paneldynamic {
|
|
1817
1849
|
border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
@@ -1860,11 +1892,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1860
1892
|
}
|
|
1861
1893
|
|
|
1862
1894
|
.sd-question__erbox {
|
|
1863
|
-
padding:
|
|
1864
|
-
border-radius:
|
|
1895
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1896
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
1865
1897
|
font-weight: 600;
|
|
1866
|
-
line-height:
|
|
1867
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
1898
|
+
line-height: var(--sjs-font-size, 16px);
|
|
1899
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
1868
1900
|
white-space: normal;
|
|
1869
1901
|
text-align: left;
|
|
1870
1902
|
}
|
|
@@ -1881,22 +1913,22 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1881
1913
|
}
|
|
1882
1914
|
|
|
1883
1915
|
.sd-question__erbox--below-question {
|
|
1884
|
-
margin-top:
|
|
1916
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1885
1917
|
}
|
|
1886
1918
|
|
|
1887
1919
|
.sd-element--with-frame > .sd-question__erbox--above-question {
|
|
1888
|
-
border-radius:
|
|
1920
|
+
border-radius: var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px) 0 0;
|
|
1889
1921
|
}
|
|
1890
1922
|
|
|
1891
1923
|
.sd-element--with-frame > .sd-question__erbox--below-question {
|
|
1892
1924
|
position: relative;
|
|
1893
1925
|
margin-top: 0;
|
|
1894
1926
|
bottom: calc(-1 * var(--sd-base-padding));
|
|
1895
|
-
border-radius: 0 0
|
|
1927
|
+
border-radius: 0 0 var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px);
|
|
1896
1928
|
}
|
|
1897
1929
|
|
|
1898
1930
|
.sd-root-modern--mobile .sd-question__erbox--below-question {
|
|
1899
|
-
margin-top:
|
|
1931
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1900
1932
|
}
|
|
1901
1933
|
|
|
1902
1934
|
.sd-question__header {
|
|
@@ -1921,12 +1953,12 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1921
1953
|
margin-top: calc(-1 * var(--sd-base-padding));
|
|
1922
1954
|
}
|
|
1923
1955
|
.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)));
|
|
1956
|
+
margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1925
1957
|
}
|
|
1926
1958
|
|
|
1927
1959
|
.sd-scrollable .sd-question__content {
|
|
1928
1960
|
overflow-x: auto;
|
|
1929
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
1961
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
1930
1962
|
}
|
|
1931
1963
|
|
|
1932
1964
|
.sd-question__header--location--left {
|
|
@@ -1934,7 +1966,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1934
1966
|
width: auto;
|
|
1935
1967
|
max-width: 50%;
|
|
1936
1968
|
vertical-align: top;
|
|
1937
|
-
margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1969
|
+
margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1938
1970
|
}
|
|
1939
1971
|
|
|
1940
1972
|
.sd-question--left {
|
|
@@ -1944,7 +1976,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1944
1976
|
|
|
1945
1977
|
.sd-question__content--left {
|
|
1946
1978
|
display: inline-block;
|
|
1947
|
-
padding-left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1979
|
+
padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1948
1980
|
flex: 1;
|
|
1949
1981
|
}
|
|
1950
1982
|
|
|
@@ -1954,11 +1986,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1954
1986
|
}
|
|
1955
1987
|
|
|
1956
1988
|
.sd-question__comment-area {
|
|
1957
|
-
font-size:
|
|
1958
|
-
margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1989
|
+
font-size: var(--sjs-font-size, 16px);
|
|
1990
|
+
margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1959
1991
|
display: flex;
|
|
1960
1992
|
flex-direction: column;
|
|
1961
|
-
gap:
|
|
1993
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1962
1994
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1963
1995
|
white-space: normal;
|
|
1964
1996
|
}
|
|
@@ -1968,7 +2000,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1968
2000
|
position: fixed;
|
|
1969
2001
|
height: auto;
|
|
1970
2002
|
width: auto;
|
|
1971
|
-
max-width: calc(29 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2003
|
+
max-width: calc(29 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1972
2004
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
1973
2005
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1974
2006
|
opacity: 0.75;
|
|
@@ -2001,11 +2033,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2001
2033
|
flex-direction: column;
|
|
2002
2034
|
align-items: center;
|
|
2003
2035
|
text-align: center;
|
|
2004
|
-
gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2036
|
+
gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2005
2037
|
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,
|
|
2038
|
+
min-height: calc(24 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2039
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2040
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2009
2041
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2010
2042
|
}
|
|
2011
2043
|
.sd-question__placeholder > div .sv-string-viewer, .sd-question__placeholder > span .sv-string-viewer {
|
|
@@ -2028,7 +2060,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2028
2060
|
|
|
2029
2061
|
.sd-question__title--empty .sv-string-viewer {
|
|
2030
2062
|
display: inline-block;
|
|
2031
|
-
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2063
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2032
2064
|
}
|
|
2033
2065
|
|
|
2034
2066
|
.sd-input {
|
|
@@ -2038,12 +2070,12 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2038
2070
|
position: static;
|
|
2039
2071
|
width: 100%;
|
|
2040
2072
|
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,
|
|
2073
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2074
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2043
2075
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
2044
2076
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
2045
2077
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
2046
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
2078
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2047
2079
|
background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
|
|
2048
2080
|
box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
2049
2081
|
border: none;
|
|
@@ -2106,12 +2138,12 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2106
2138
|
align-items: flex-end;
|
|
2107
2139
|
padding: 0px;
|
|
2108
2140
|
font-family: var(--font-family);
|
|
2109
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
2110
|
-
font-size:
|
|
2141
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
2142
|
+
font-size: var(--sjs-font-size, 16px);
|
|
2111
2143
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
2112
2144
|
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)));
|
|
2145
|
+
inset-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2146
|
+
inset-block-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2115
2147
|
}
|
|
2116
2148
|
|
|
2117
2149
|
.sd-question__content:focus-within .sd-remaining-character-counter {
|
|
@@ -2131,50 +2163,50 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2131
2163
|
.sd-input[type=range] {
|
|
2132
2164
|
box-sizing: content-box;
|
|
2133
2165
|
width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2134
|
-
height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
2166
|
+
height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2135
2167
|
}
|
|
2136
2168
|
|
|
2137
2169
|
.sd-input[type=range]::-webkit-slider-runnable-track {
|
|
2138
2170
|
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)));
|
|
2171
|
+
border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2172
|
+
height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2141
2173
|
}
|
|
2142
2174
|
|
|
2143
2175
|
.sd-input[type=range]::-webkit-slider-thumb {
|
|
2144
2176
|
-webkit-appearance: none;
|
|
2145
2177
|
appearance: none;
|
|
2146
|
-
margin-top: calc(-0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2178
|
+
margin-top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2147
2179
|
border-radius: 100%;
|
|
2148
2180
|
border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2149
2181
|
box-shadow: inset 0 0 0 2px var(--background, #fff);
|
|
2150
2182
|
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)));
|
|
2183
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2184
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2153
2185
|
}
|
|
2154
2186
|
|
|
2155
2187
|
.sd-input[type=range]::-moz-range-track {
|
|
2156
2188
|
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)));
|
|
2189
|
+
border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2190
|
+
height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2159
2191
|
}
|
|
2160
2192
|
|
|
2161
2193
|
.sd-input[type=range]::-moz-range-thumb {
|
|
2162
2194
|
-webkit-appearance: none;
|
|
2163
2195
|
appearance: none;
|
|
2164
|
-
margin-top: calc(-0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2196
|
+
margin-top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2165
2197
|
border-radius: 100%;
|
|
2166
2198
|
border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2167
2199
|
box-shadow: inset 0 0 0 2px var(--background, #fff);
|
|
2168
2200
|
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)));
|
|
2201
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2202
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2171
2203
|
}
|
|
2172
2204
|
|
|
2173
2205
|
.sd-comment {
|
|
2174
2206
|
display: block;
|
|
2175
2207
|
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)));
|
|
2208
|
+
min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2209
|
+
min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2178
2210
|
max-width: 100%;
|
|
2179
2211
|
}
|
|
2180
2212
|
|
|
@@ -2194,13 +2226,14 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2194
2226
|
content: none;
|
|
2195
2227
|
}
|
|
2196
2228
|
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {
|
|
2229
|
+
--page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));
|
|
2197
2230
|
font-family: var(--sjs-font-pagetitle-family, var(--font-family));
|
|
2198
2231
|
font-weight: var(--sjs-font-pagetitle-weight, 700);
|
|
2199
|
-
font-size: var(--
|
|
2232
|
+
font-size: var(--page-title-font-size);
|
|
2200
2233
|
color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
2201
2234
|
position: static;
|
|
2202
|
-
line-height: calc(1.33 *
|
|
2203
|
-
margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
|
|
2235
|
+
line-height: calc(1.33 * (var(--page-title-font-size)));
|
|
2236
|
+
margin: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
|
|
2204
2237
|
}
|
|
2205
2238
|
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {
|
|
2206
2239
|
font-family: inherit;
|
|
@@ -2212,21 +2245,21 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2212
2245
|
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {
|
|
2213
2246
|
font-family: var(--sjs-font-pagedescription-family, var(--font-family));
|
|
2214
2247
|
font-weight: var(--sjs-font-pagedescription-weight, 400);
|
|
2215
|
-
font-size: var(--sjs-font-pagedescription-size,
|
|
2248
|
+
font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));
|
|
2216
2249
|
color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2217
2250
|
position: static;
|
|
2218
|
-
line-height: calc(1.5 * var(--sjs-font-pagedescription-size,
|
|
2219
|
-
margin: 0 0 calc(
|
|
2251
|
+
line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));
|
|
2252
|
+
margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
2220
2253
|
}
|
|
2221
2254
|
.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)));
|
|
2255
|
+
margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2223
2256
|
}
|
|
2224
2257
|
.sd-panel.sd-panel--as-page > .sd-panel__content {
|
|
2225
2258
|
padding-top: 0;
|
|
2226
2259
|
}
|
|
2227
2260
|
|
|
2228
2261
|
.sd-row ~ .sd-row .sd-panel--as-page {
|
|
2229
|
-
padding-top: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2262
|
+
padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2230
2263
|
}
|
|
2231
2264
|
|
|
2232
2265
|
.sd-panel__required-text {
|
|
@@ -2250,8 +2283,8 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2250
2283
|
|
|
2251
2284
|
.sjs_sp_placeholder {
|
|
2252
2285
|
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,
|
|
2286
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2287
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2255
2288
|
}
|
|
2256
2289
|
|
|
2257
2290
|
.sjs_sp_container {
|
|
@@ -2259,8 +2292,8 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2259
2292
|
}
|
|
2260
2293
|
|
|
2261
2294
|
.sjs_sp_controls.sd-signaturepad__controls {
|
|
2262
|
-
right:
|
|
2263
|
-
top:
|
|
2295
|
+
right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2296
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2264
2297
|
left: auto;
|
|
2265
2298
|
bottom: auto;
|
|
2266
2299
|
}
|
|
@@ -2282,13 +2315,13 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2282
2315
|
}
|
|
2283
2316
|
|
|
2284
2317
|
.sd-checkbox__decorator {
|
|
2285
|
-
border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));
|
|
2318
|
+
border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
|
|
2286
2319
|
}
|
|
2287
2320
|
|
|
2288
2321
|
.sd-checkbox__svg {
|
|
2289
2322
|
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)));
|
|
2323
|
+
width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2324
|
+
height: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2292
2325
|
}
|
|
2293
2326
|
|
|
2294
2327
|
.sd-checkbox--checked .sd-checkbox__svg {
|
|
@@ -2308,17 +2341,17 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2308
2341
|
|
|
2309
2342
|
.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
|
|
2310
2343
|
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)));
|
|
2344
|
+
left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2345
|
+
margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2313
2346
|
z-index: 12;
|
|
2314
2347
|
}
|
|
2315
2348
|
|
|
2316
2349
|
.sd-matrixdynamic__footer:first-child {
|
|
2317
|
-
padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2350
|
+
padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2318
2351
|
}
|
|
2319
2352
|
|
|
2320
2353
|
.sd-matrixdynamic__footer {
|
|
2321
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2354
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2322
2355
|
}
|
|
2323
2356
|
|
|
2324
2357
|
.sd-action.sd-matrixdynamic__remove-btn {
|
|
@@ -2326,23 +2359,23 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2326
2359
|
}
|
|
2327
2360
|
|
|
2328
2361
|
.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,
|
|
2362
|
+
width: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2363
|
+
height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2331
2364
|
}
|
|
2332
2365
|
|
|
2333
2366
|
.sd-matrixdynamic__btn {
|
|
2334
2367
|
appearance: none;
|
|
2335
2368
|
background: transparent;
|
|
2336
2369
|
border: none;
|
|
2337
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
2338
|
-
font-size:
|
|
2370
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
2371
|
+
font-size: var(--sjs-font-size, 16px);
|
|
2339
2372
|
font-family: var(--font-family, var(--font-family));
|
|
2340
2373
|
font-weight: 600;
|
|
2341
|
-
padding:
|
|
2374
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
|
|
2342
2375
|
}
|
|
2343
2376
|
|
|
2344
2377
|
.sd-matrixdynamic__drag-element {
|
|
2345
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2378
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2346
2379
|
}
|
|
2347
2380
|
.sd-matrixdynamic__drag-element:hover {
|
|
2348
2381
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
@@ -2350,11 +2383,11 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2350
2383
|
.sd-matrixdynamic__drag-element:after {
|
|
2351
2384
|
content: " ";
|
|
2352
2385
|
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)));
|
|
2386
|
+
height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2387
|
+
width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2355
2388
|
border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
|
|
2356
2389
|
box-sizing: border-box;
|
|
2357
|
-
border-radius: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2390
|
+
border-radius: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2358
2391
|
}
|
|
2359
2392
|
|
|
2360
2393
|
.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn {
|
|
@@ -2362,8 +2395,8 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2362
2395
|
}
|
|
2363
2396
|
|
|
2364
2397
|
.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)));
|
|
2398
|
+
width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2399
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2367
2400
|
display: block;
|
|
2368
2401
|
}
|
|
2369
2402
|
.sd-drag-element__svg use {
|
|
@@ -2379,12 +2412,12 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2379
2412
|
}
|
|
2380
2413
|
.sd-table > thead > tr > th {
|
|
2381
2414
|
border-top: 0;
|
|
2382
|
-
border-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;
|
|
2415
|
+
border-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
|
|
2383
2416
|
}
|
|
2384
2417
|
|
|
2385
2418
|
.sd-table__cell {
|
|
2386
|
-
border-top:
|
|
2387
|
-
border-bottom:
|
|
2419
|
+
border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
|
|
2420
|
+
border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
|
|
2388
2421
|
background-clip: padding-box;
|
|
2389
2422
|
}
|
|
2390
2423
|
|
|
@@ -2405,44 +2438,44 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2405
2438
|
}
|
|
2406
2439
|
|
|
2407
2440
|
.sd-table--no-header {
|
|
2408
|
-
padding-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2441
|
+
padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2409
2442
|
}
|
|
2410
2443
|
|
|
2411
2444
|
.sd-panel__content .sd-table--no-header {
|
|
2412
2445
|
padding-top: 0;
|
|
2413
2446
|
}
|
|
2414
2447
|
.sd-panel__content .sd-question--table .sd-question__content {
|
|
2415
|
-
padding-top: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2448
|
+
padding-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2416
2449
|
}
|
|
2417
2450
|
.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)));
|
|
2451
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2419
2452
|
}
|
|
2420
2453
|
.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)));
|
|
2454
|
+
padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2422
2455
|
}
|
|
2423
2456
|
.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)));
|
|
2457
|
+
margin-top: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2425
2458
|
}
|
|
2426
2459
|
.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)));
|
|
2460
|
+
margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2428
2461
|
}
|
|
2429
2462
|
.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:
|
|
2463
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2431
2464
|
}
|
|
2432
2465
|
.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:
|
|
2466
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2434
2467
|
}
|
|
2435
2468
|
|
|
2436
2469
|
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows {
|
|
2437
|
-
margin-left:
|
|
2438
|
-
margin-right:
|
|
2470
|
+
margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2471
|
+
margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2439
2472
|
width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2440
2473
|
}
|
|
2441
2474
|
.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)));
|
|
2475
|
+
padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2443
2476
|
}
|
|
2444
2477
|
.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)));
|
|
2478
|
+
padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2446
2479
|
}
|
|
2447
2480
|
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td,
|
|
2448
2481
|
.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 +2504,19 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2471
2504
|
|
|
2472
2505
|
.sd-table__cell {
|
|
2473
2506
|
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
|
|
2507
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2508
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2509
|
+
padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2477
2510
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
2478
2511
|
text-align: center;
|
|
2479
2512
|
}
|
|
2480
2513
|
.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)));
|
|
2514
|
+
min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2482
2515
|
}
|
|
2483
2516
|
|
|
2484
2517
|
.sd-table__cell--error {
|
|
2485
2518
|
border: none;
|
|
2486
|
-
padding: 0
|
|
2519
|
+
padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2487
2520
|
}
|
|
2488
2521
|
.sd-table__cell--error .sd-question__erbox--outside-question {
|
|
2489
2522
|
margin: 0;
|
|
@@ -2491,12 +2524,12 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2491
2524
|
|
|
2492
2525
|
.sd-table__cell--error-top {
|
|
2493
2526
|
vertical-align: bottom;
|
|
2494
|
-
padding-top:
|
|
2527
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2495
2528
|
}
|
|
2496
2529
|
|
|
2497
2530
|
.sd-table__cell--error-bottom {
|
|
2498
2531
|
vertical-align: top;
|
|
2499
|
-
padding-bottom:
|
|
2532
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2500
2533
|
}
|
|
2501
2534
|
|
|
2502
2535
|
.sd-table__cell--item .sd-selectbase__item {
|
|
@@ -2521,43 +2554,43 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2521
2554
|
}
|
|
2522
2555
|
|
|
2523
2556
|
.sd-table__cell--header span {
|
|
2524
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
2525
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
2557
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2558
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
2526
2559
|
}
|
|
2527
2560
|
|
|
2528
2561
|
.sd-table__cell--header {
|
|
2529
2562
|
font-weight: 600;
|
|
2530
2563
|
color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
2531
2564
|
vertical-align: top;
|
|
2532
|
-
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)))
|
|
2565
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2533
2566
|
}
|
|
2534
2567
|
.sd-table__cell--header:not(.sd-table__cell--empty) {
|
|
2535
|
-
min-width: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2568
|
+
min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2536
2569
|
}
|
|
2537
2570
|
|
|
2538
2571
|
.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {
|
|
2539
|
-
min-width: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2572
|
+
min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2540
2573
|
}
|
|
2541
2574
|
|
|
2542
2575
|
.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)));
|
|
2576
|
+
min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2577
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2545
2578
|
}
|
|
2546
2579
|
|
|
2547
2580
|
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {
|
|
2548
|
-
min-width: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2581
|
+
min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2549
2582
|
}
|
|
2550
2583
|
.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)));
|
|
2584
|
+
min-width: calc(22 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2552
2585
|
}
|
|
2553
2586
|
.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)));
|
|
2587
|
+
min-width: calc(18 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2555
2588
|
}
|
|
2556
2589
|
|
|
2557
2590
|
.sd-table__cell--detail-panel {
|
|
2558
|
-
border-top:
|
|
2559
|
-
padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)))
|
|
2560
|
-
border-bottom:
|
|
2591
|
+
border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
|
|
2592
|
+
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))));
|
|
2593
|
+
border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
|
|
2561
2594
|
}
|
|
2562
2595
|
|
|
2563
2596
|
.sd-table__cell--actions .sv-action-bar,
|
|
@@ -2566,24 +2599,24 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2566
2599
|
}
|
|
2567
2600
|
|
|
2568
2601
|
.sd-table__cell--actions:not(.sd-table__cell--vertical) {
|
|
2569
|
-
width:
|
|
2602
|
+
width: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2570
2603
|
}
|
|
2571
2604
|
.sd-table__cell--actions:not(.sd-table__cell--vertical):not(.sd-table__cell--drag):first-of-type {
|
|
2572
2605
|
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)));
|
|
2606
|
+
width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2607
|
+
min-width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2575
2608
|
}
|
|
2576
2609
|
|
|
2577
2610
|
.sd-table__cell--detail-button {
|
|
2578
2611
|
border: none;
|
|
2579
2612
|
background: transparent;
|
|
2580
|
-
border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2581
|
-
padding:
|
|
2613
|
+
border-radius: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2614
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2582
2615
|
}
|
|
2583
2616
|
.sd-table__cell--detail-button svg {
|
|
2584
2617
|
display: block;
|
|
2585
|
-
width:
|
|
2586
|
-
height:
|
|
2618
|
+
width: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2619
|
+
height: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2587
2620
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
2588
2621
|
}
|
|
2589
2622
|
.sd-table__cell--detail-button:hover {
|
|
@@ -2604,8 +2637,8 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2604
2637
|
font-weight: 600;
|
|
2605
2638
|
color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
2606
2639
|
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)))
|
|
2640
|
+
min-width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2641
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2609
2642
|
}
|
|
2610
2643
|
|
|
2611
2644
|
.sd-matrixdynamic__content .sd-table__question-wrapper {
|
|
@@ -2633,18 +2666,18 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2633
2666
|
.sd-table__cell--row-text:first-of-type,
|
|
2634
2667
|
.sd-matrix__cell:first-of-type:first-of-type,
|
|
2635
2668
|
.sd-matrix tr > td:first-of-type:first-of-type {
|
|
2636
|
-
left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2669
|
+
left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2637
2670
|
}
|
|
2638
2671
|
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,
|
|
2639
2672
|
.sd-table__cell--empty:last-of-type,
|
|
2640
2673
|
.sd-table__cell--row-text:last-of-type,
|
|
2641
2674
|
.sd-matrix__cell:first-of-type:last-of-type,
|
|
2642
2675
|
.sd-matrix tr > td:first-of-type:last-of-type {
|
|
2643
|
-
right: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2676
|
+
right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2644
2677
|
}
|
|
2645
2678
|
|
|
2646
2679
|
.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)));
|
|
2680
|
+
margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2648
2681
|
justify-content: flex-end;
|
|
2649
2682
|
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
|
|
2650
2683
|
}
|
|
@@ -2690,7 +2723,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2690
2723
|
left: 0;
|
|
2691
2724
|
}
|
|
2692
2725
|
.sd-question--table > .sd-question__content {
|
|
2693
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2726
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2694
2727
|
min-width: min-content;
|
|
2695
2728
|
}
|
|
2696
2729
|
.sd-question--table.sd-element--nested > .sd-question__erbox--above-question {
|
|
@@ -2701,10 +2734,10 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2701
2734
|
overflow-x: auto;
|
|
2702
2735
|
}
|
|
2703
2736
|
.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)));
|
|
2737
|
+
padding-bottom: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2738
|
+
margin-bottom: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2739
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2740
|
+
margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2708
2741
|
}
|
|
2709
2742
|
.sd-question--table.sd-element--nested > .sd-question__content, .sd-question--table:not(.sd-element--with-frame):not(.sd-element--nested) {
|
|
2710
2743
|
padding-right: var(--sd-base-padding);
|
|
@@ -2719,7 +2752,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2719
2752
|
}
|
|
2720
2753
|
|
|
2721
2754
|
.sd-table__cell--detail-panel .sd-panel__content {
|
|
2722
|
-
padding-top:
|
|
2755
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2723
2756
|
}
|
|
2724
2757
|
|
|
2725
2758
|
.sd-table__question-wrapper .sd-boolean-root {
|
|
@@ -2735,7 +2768,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2735
2768
|
display: flex;
|
|
2736
2769
|
flex-direction: column;
|
|
2737
2770
|
align-items: flex-start;
|
|
2738
|
-
padding: 0 calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2771
|
+
padding: 0 calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2739
2772
|
width: 100%;
|
|
2740
2773
|
box-sizing: border-box;
|
|
2741
2774
|
}
|
|
@@ -2745,24 +2778,25 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2745
2778
|
}
|
|
2746
2779
|
|
|
2747
2780
|
.sd-page .sd-page__title {
|
|
2781
|
+
--page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));
|
|
2748
2782
|
font-family: var(--sjs-font-pagetitle-family, var(--font-family));
|
|
2749
2783
|
font-weight: var(--sjs-font-pagetitle-weight, 700);
|
|
2750
|
-
font-size: var(--
|
|
2784
|
+
font-size: var(--page-title-font-size);
|
|
2751
2785
|
color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
2752
2786
|
position: static;
|
|
2753
|
-
line-height: calc(1.33 *
|
|
2754
|
-
margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
|
|
2787
|
+
line-height: calc(1.33 * (var(--page-title-font-size)));
|
|
2788
|
+
margin: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
|
|
2755
2789
|
margin-top: 0;
|
|
2756
2790
|
}
|
|
2757
2791
|
|
|
2758
2792
|
.sd-page .sd-page__description {
|
|
2759
2793
|
font-family: var(--sjs-font-pagedescription-family, var(--font-family));
|
|
2760
2794
|
font-weight: var(--sjs-font-pagedescription-weight, 400);
|
|
2761
|
-
font-size: var(--sjs-font-pagedescription-size,
|
|
2795
|
+
font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));
|
|
2762
2796
|
color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2763
2797
|
position: static;
|
|
2764
|
-
line-height: calc(1.5 * var(--sjs-font-pagedescription-size,
|
|
2765
|
-
margin: 0 0 calc(
|
|
2798
|
+
line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));
|
|
2799
|
+
margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
2766
2800
|
}
|
|
2767
2801
|
|
|
2768
2802
|
.sd-row {
|
|
@@ -2774,7 +2808,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2774
2808
|
}
|
|
2775
2809
|
|
|
2776
2810
|
.sd-row.sd-page__row {
|
|
2777
|
-
margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2811
|
+
margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2778
2812
|
}
|
|
2779
2813
|
|
|
2780
2814
|
.sd-page__row.sd-row--compact {
|
|
@@ -2785,22 +2819,28 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2785
2819
|
margin-top: 0;
|
|
2786
2820
|
}
|
|
2787
2821
|
|
|
2788
|
-
.sd-page__title ~ .sd-row.sd-page__row
|
|
2789
|
-
|
|
2822
|
+
.sd-page__title ~ .sd-row.sd-page__row:not(.sd-row--compact),
|
|
2823
|
+
.sd-page__description ~ .sd-row.sd-page__row:not(.sd-row--compact) {
|
|
2824
|
+
margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2790
2825
|
}
|
|
2791
|
-
.sd-page__title ~ .sd-
|
|
2826
|
+
.sd-page__title ~ .sd-page__row.sd-row--compact,
|
|
2827
|
+
.sd-page__description ~ .sd-page__row.sd-row--compact {
|
|
2792
2828
|
margin-top: var(--sd-base-vertical-padding);
|
|
2793
2829
|
}
|
|
2794
2830
|
|
|
2831
|
+
.sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-row.sd-page__row:not(.sd-row--compact) {
|
|
2832
|
+
margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2833
|
+
}
|
|
2834
|
+
|
|
2795
2835
|
.sd-row--multiple {
|
|
2796
|
-
row-gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2836
|
+
row-gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2797
2837
|
margin-left: calc(-1 * var(--sd-base-padding));
|
|
2798
2838
|
width: calc(100% + var(--sd-base-padding));
|
|
2799
2839
|
flex-wrap: wrap;
|
|
2800
2840
|
}
|
|
2801
2841
|
.sd-row--multiple > div {
|
|
2802
2842
|
box-sizing: border-box;
|
|
2803
|
-
padding-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2843
|
+
padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2804
2844
|
display: flex;
|
|
2805
2845
|
align-items: stretch;
|
|
2806
2846
|
}
|
|
@@ -2817,7 +2857,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2817
2857
|
}
|
|
2818
2858
|
|
|
2819
2859
|
.sd-page__row.sd-row--multiple {
|
|
2820
|
-
margin-left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2860
|
+
margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2821
2861
|
width: calc(100% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2822
2862
|
}
|
|
2823
2863
|
.sd-page__row.sd-row--multiple.sd-row--compact {
|
|
@@ -2853,33 +2893,34 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2853
2893
|
padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);
|
|
2854
2894
|
overflow: auto;
|
|
2855
2895
|
font-family: var(--font-family, var(--font-family));
|
|
2856
|
-
gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2896
|
+
gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2857
2897
|
box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2858
2898
|
}
|
|
2859
2899
|
.sd-title.sd-container-modern__title .sd-logo__image {
|
|
2860
|
-
margin-top:
|
|
2900
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2861
2901
|
}
|
|
2862
2902
|
|
|
2863
2903
|
.sd-header__text {
|
|
2864
2904
|
display: flex;
|
|
2865
2905
|
flex-direction: column;
|
|
2866
|
-
gap:
|
|
2906
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2867
2907
|
flex-grow: 1;
|
|
2868
2908
|
}
|
|
2869
2909
|
.sd-header__text .sd-title {
|
|
2910
|
+
--cover-title-font-size: var(--sjs-font-surveytitle-size, calc(2 * (var(--sjs-font-size, 16px))));
|
|
2911
|
+
font-size: var(--cover-title-font-size);
|
|
2912
|
+
line-height: calc(1.25 * (var(--cover-title-font-size)));
|
|
2870
2913
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2871
2914
|
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
2915
|
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
2916
|
}
|
|
2876
2917
|
.sd-header__text h3 {
|
|
2877
|
-
line-height: calc(2.5 * var(--sjs-font-size, 16px));
|
|
2918
|
+
line-height: calc(2.5 * (var(--sjs-font-size, 16px)));
|
|
2878
2919
|
}
|
|
2879
2920
|
.sd-header__text h5 {
|
|
2880
|
-
font-size:
|
|
2921
|
+
font-size: var(--sjs-font-size, 16px);
|
|
2881
2922
|
font-weight: 400;
|
|
2882
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
2923
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
2883
2924
|
}
|
|
2884
2925
|
|
|
2885
2926
|
.sd-title .sv-title-actions {
|
|
@@ -2891,11 +2932,9 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2891
2932
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
2892
2933
|
}
|
|
2893
2934
|
|
|
2894
|
-
.sd-root-modern .sv-conver__content .sd-header__text h3,
|
|
2895
2935
|
.sd-root-modern .sd-container-modern__title .sd-header__text h3 {
|
|
2896
2936
|
margin: 0;
|
|
2897
2937
|
}
|
|
2898
|
-
.sd-root-modern .sv-conver__content .sd-description,
|
|
2899
2938
|
.sd-root-modern .sd-container-modern__title .sd-description {
|
|
2900
2939
|
margin: 0;
|
|
2901
2940
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -2915,9 +2954,9 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2915
2954
|
|
|
2916
2955
|
.sd-action-title-bar {
|
|
2917
2956
|
flex: 1 9 auto;
|
|
2918
|
-
min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2957
|
+
min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2919
2958
|
justify-content: flex-end;
|
|
2920
|
-
margin: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
2959
|
+
margin: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
2921
2960
|
}
|
|
2922
2961
|
.sd-action-title-bar .sv-action {
|
|
2923
2962
|
flex: 0 0 auto;
|
|
@@ -2932,22 +2971,22 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2932
2971
|
font-family: var(--sjs-font-questiondescription-family, var(--font-family));
|
|
2933
2972
|
font-weight: var(--sjs-font-questiondescription-weight, 400);
|
|
2934
2973
|
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,
|
|
2974
|
+
font-size: var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px));
|
|
2975
|
+
line-height: calc(1.5 * (var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px))));
|
|
2937
2976
|
white-space: normal;
|
|
2938
2977
|
word-break: break-word;
|
|
2939
2978
|
}
|
|
2940
2979
|
|
|
2941
2980
|
.sd-description.sd-question__description--under-input {
|
|
2942
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2981
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2943
2982
|
}
|
|
2944
2983
|
|
|
2945
2984
|
.sd-element__header .sd-description {
|
|
2946
|
-
margin-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2985
|
+
margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2947
2986
|
}
|
|
2948
2987
|
|
|
2949
2988
|
.sd-item {
|
|
2950
|
-
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
2989
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
2951
2990
|
}
|
|
2952
2991
|
|
|
2953
2992
|
.sd-item--disabled.sd-item--disabled .sd-item__decorator,
|
|
@@ -2955,14 +2994,14 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2955
2994
|
display: flex;
|
|
2956
2995
|
align-items: center;
|
|
2957
2996
|
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)));
|
|
2997
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2998
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2960
2999
|
box-sizing: border-box;
|
|
2961
3000
|
background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
|
|
2962
3001
|
box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
2963
3002
|
border: none;
|
|
2964
3003
|
flex-shrink: 0;
|
|
2965
|
-
margin-top: calc((1.5 * var(--sjs-font-editorfont-size,
|
|
3004
|
+
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
3005
|
}
|
|
2967
3006
|
|
|
2968
3007
|
.sd-item--checked .sd-item__decorator {
|
|
@@ -2988,8 +3027,8 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2988
3027
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
2989
3028
|
font-style: normal;
|
|
2990
3029
|
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,
|
|
3030
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3031
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
2993
3032
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
2994
3033
|
white-space: normal;
|
|
2995
3034
|
word-break: break-word;
|
|
@@ -3024,7 +3063,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3024
3063
|
padding: 0;
|
|
3025
3064
|
display: flex;
|
|
3026
3065
|
flex-wrap: wrap;
|
|
3027
|
-
column-gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3066
|
+
column-gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3028
3067
|
}
|
|
3029
3068
|
|
|
3030
3069
|
.sd-selectbase--multi-column {
|
|
@@ -3035,7 +3074,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3035
3074
|
.sd-selectbase__label {
|
|
3036
3075
|
display: inline-flex;
|
|
3037
3076
|
position: relative;
|
|
3038
|
-
gap:
|
|
3077
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3039
3078
|
vertical-align: top;
|
|
3040
3079
|
}
|
|
3041
3080
|
|
|
@@ -3051,7 +3090,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3051
3090
|
}
|
|
3052
3091
|
|
|
3053
3092
|
.sd-selectbase__column:not(:last-child) {
|
|
3054
|
-
padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3093
|
+
padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3055
3094
|
}
|
|
3056
3095
|
|
|
3057
3096
|
.sd-selectbase__column.sv-q-column-1 {
|
|
@@ -3059,13 +3098,13 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3059
3098
|
}
|
|
3060
3099
|
|
|
3061
3100
|
.sd-checkbox__decorator {
|
|
3062
|
-
border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));
|
|
3101
|
+
border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
|
|
3063
3102
|
}
|
|
3064
3103
|
|
|
3065
3104
|
.sd-checkbox__svg {
|
|
3066
3105
|
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)));
|
|
3106
|
+
width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3107
|
+
height: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3069
3108
|
}
|
|
3070
3109
|
|
|
3071
3110
|
.sd-checkbox--checked .sd-checkbox__svg {
|
|
@@ -3090,8 +3129,8 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3090
3129
|
.sd-radio--checked .sd-radio__decorator:after {
|
|
3091
3130
|
content: " ";
|
|
3092
3131
|
display: block;
|
|
3093
|
-
width:
|
|
3094
|
-
height:
|
|
3132
|
+
width: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3133
|
+
height: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3095
3134
|
border-radius: 50%;
|
|
3096
3135
|
background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
3097
3136
|
}
|
|
@@ -3129,12 +3168,12 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3129
3168
|
}
|
|
3130
3169
|
|
|
3131
3170
|
.sd-matrix__text {
|
|
3132
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3171
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3133
3172
|
}
|
|
3134
3173
|
|
|
3135
3174
|
.sd-matrix__text--checked {
|
|
3136
3175
|
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)));
|
|
3176
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3138
3177
|
}
|
|
3139
3178
|
|
|
3140
3179
|
.sd-matrix__cell:first-of-type {
|
|
@@ -3153,14 +3192,14 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3153
3192
|
|
|
3154
3193
|
.sd-rating {
|
|
3155
3194
|
overflow-x: auto;
|
|
3156
|
-
min-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3195
|
+
min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3157
3196
|
}
|
|
3158
3197
|
.sd-rating fieldset {
|
|
3159
3198
|
display: flex;
|
|
3160
3199
|
border: none;
|
|
3161
3200
|
padding: 0 0 2px 0;
|
|
3162
3201
|
flex-wrap: nowrap;
|
|
3163
|
-
gap:
|
|
3202
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3164
3203
|
margin-inline-start: 0;
|
|
3165
3204
|
align-items: center;
|
|
3166
3205
|
}
|
|
@@ -3169,36 +3208,36 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3169
3208
|
}
|
|
3170
3209
|
|
|
3171
3210
|
.sd-rating--small {
|
|
3172
|
-
min-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3211
|
+
min-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3173
3212
|
margin: auto;
|
|
3174
3213
|
}
|
|
3175
3214
|
.sd-rating--small fieldset {
|
|
3176
3215
|
padding: 0;
|
|
3177
|
-
gap:
|
|
3216
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3178
3217
|
}
|
|
3179
3218
|
|
|
3180
3219
|
.sd-rating__item {
|
|
3181
3220
|
position: relative;
|
|
3182
3221
|
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
|
|
3183
3222
|
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)));
|
|
3223
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3185
3224
|
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)));
|
|
3225
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3226
|
+
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3188
3227
|
display: flex;
|
|
3189
3228
|
justify-content: center;
|
|
3190
3229
|
align-items: center;
|
|
3191
3230
|
box-sizing: border-box;
|
|
3192
|
-
min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3231
|
+
min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3193
3232
|
text-align: center;
|
|
3194
3233
|
border: 2px solid transparent;
|
|
3195
3234
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3196
3235
|
fill: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3197
|
-
font-size:
|
|
3236
|
+
font-size: var(--sjs-font-size, 16px);
|
|
3198
3237
|
}
|
|
3199
3238
|
|
|
3200
3239
|
.sd-rating__item--fixed-size {
|
|
3201
|
-
width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3240
|
+
width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3202
3241
|
padding: 0;
|
|
3203
3242
|
}
|
|
3204
3243
|
|
|
@@ -3253,11 +3292,11 @@ legend + sv-ng-rating-item + .sd-rating__item {
|
|
|
3253
3292
|
|
|
3254
3293
|
.sd-rating__item-smiley {
|
|
3255
3294
|
position: relative;
|
|
3256
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3295
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3257
3296
|
white-space: nowrap;
|
|
3258
|
-
padding: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3297
|
+
padding: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3259
3298
|
box-sizing: border-box;
|
|
3260
|
-
min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3299
|
+
min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3261
3300
|
text-align: center;
|
|
3262
3301
|
border: 2px solid var(--sjs-border-default, var(--border, #d6d6d6));
|
|
3263
3302
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
@@ -3265,18 +3304,18 @@ legend + sv-ng-rating-item + .sd-rating__item {
|
|
|
3265
3304
|
}
|
|
3266
3305
|
.sd-rating__item-smiley svg {
|
|
3267
3306
|
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)));
|
|
3307
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3308
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3270
3309
|
}
|
|
3271
3310
|
|
|
3272
3311
|
.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)));
|
|
3312
|
+
padding: calc(0.625 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3313
|
+
min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3275
3314
|
border-width: 1px;
|
|
3276
3315
|
}
|
|
3277
3316
|
.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)));
|
|
3317
|
+
width: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3318
|
+
height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3280
3319
|
}
|
|
3281
3320
|
|
|
3282
3321
|
.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {
|
|
@@ -3343,22 +3382,22 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3343
3382
|
|
|
3344
3383
|
.sd-rating__item-star {
|
|
3345
3384
|
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)));
|
|
3385
|
+
width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3386
|
+
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3348
3387
|
}
|
|
3349
3388
|
.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)));
|
|
3389
|
+
padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3390
|
+
margin-left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3352
3391
|
}
|
|
3353
3392
|
.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)));
|
|
3393
|
+
padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3394
|
+
margin-right: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3356
3395
|
}
|
|
3357
3396
|
.sd-rating__item-star svg {
|
|
3358
3397
|
stroke: var(--sjs-border-default, var(--border, #d6d6d6));
|
|
3359
3398
|
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)));
|
|
3399
|
+
width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3400
|
+
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3362
3401
|
display: block;
|
|
3363
3402
|
}
|
|
3364
3403
|
.sd-rating__item-star .sv-star-2 {
|
|
@@ -3366,12 +3405,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3366
3405
|
}
|
|
3367
3406
|
|
|
3368
3407
|
.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)));
|
|
3408
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3409
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3371
3410
|
}
|
|
3372
3411
|
.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)));
|
|
3412
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3413
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3375
3414
|
}
|
|
3376
3415
|
|
|
3377
3416
|
.sd-rating__item-star--selected svg {
|
|
@@ -3432,29 +3471,29 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3432
3471
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
3433
3472
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3434
3473
|
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,
|
|
3474
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
3475
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3437
3476
|
display: inline-block;
|
|
3438
3477
|
}
|
|
3439
3478
|
.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)));
|
|
3479
|
+
margin-top: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3480
|
+
margin-bottom: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3442
3481
|
border: 2px solid transparent;
|
|
3443
3482
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
3444
3483
|
}
|
|
3445
3484
|
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {
|
|
3446
|
-
margin-right:
|
|
3485
|
+
margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3447
3486
|
border-left: 0px;
|
|
3448
3487
|
}
|
|
3449
3488
|
.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:
|
|
3489
|
+
margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3490
|
+
margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3452
3491
|
}
|
|
3453
3492
|
.sd-rating__item-text.sd-rating__item-text .sv-string-editor {
|
|
3454
3493
|
white-space: nowrap;
|
|
3455
3494
|
}
|
|
3456
3495
|
.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)));
|
|
3496
|
+
min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3458
3497
|
}
|
|
3459
3498
|
|
|
3460
3499
|
.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {
|
|
@@ -3469,19 +3508,19 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3469
3508
|
}
|
|
3470
3509
|
|
|
3471
3510
|
.sd-element--with-frame .sv-ranking-item {
|
|
3472
|
-
left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3511
|
+
left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3473
3512
|
}
|
|
3474
3513
|
|
|
3475
3514
|
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container {
|
|
3476
3515
|
margin-left: 0;
|
|
3477
|
-
margin-right:
|
|
3516
|
+
margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3478
3517
|
}
|
|
3479
3518
|
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item {
|
|
3480
3519
|
left: 0;
|
|
3481
3520
|
}
|
|
3482
3521
|
|
|
3483
3522
|
.sv-ranking-item__content.sd-ranking-item__content {
|
|
3484
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
3523
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
3485
3524
|
}
|
|
3486
3525
|
|
|
3487
3526
|
.sv-dragdrop-movedown {
|
|
@@ -3524,8 +3563,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3524
3563
|
-webkit-appearance: none;
|
|
3525
3564
|
-moz-appearance: none;
|
|
3526
3565
|
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)));
|
|
3566
|
+
padding-inline-end: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3567
|
+
padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3529
3568
|
opacity: 1;
|
|
3530
3569
|
display: flex;
|
|
3531
3570
|
justify-content: space-between;
|
|
@@ -3547,20 +3586,24 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3547
3586
|
.sd-dropdown option {
|
|
3548
3587
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3549
3588
|
font-family: var(--font-family, var(--font-family));
|
|
3550
|
-
font-size:
|
|
3589
|
+
font-size: var(--sjs-font-size, 16px);
|
|
3590
|
+
}
|
|
3591
|
+
|
|
3592
|
+
.sd-dropdown input[readonly] {
|
|
3593
|
+
pointer-events: none;
|
|
3551
3594
|
}
|
|
3552
3595
|
|
|
3553
3596
|
.sd-dropdown__value {
|
|
3554
3597
|
width: 100%;
|
|
3555
|
-
min-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3598
|
+
min-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3556
3599
|
overflow: hidden;
|
|
3557
3600
|
text-overflow: ellipsis;
|
|
3558
3601
|
white-space: nowrap;
|
|
3559
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3602
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3560
3603
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
3561
3604
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3562
3605
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
3563
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
3606
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
3564
3607
|
position: relative;
|
|
3565
3608
|
}
|
|
3566
3609
|
|
|
@@ -3568,26 +3611,26 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3568
3611
|
display: flex;
|
|
3569
3612
|
justify-content: center;
|
|
3570
3613
|
align-items: center;
|
|
3571
|
-
padding: 0
|
|
3614
|
+
padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3572
3615
|
margin: auto 0;
|
|
3573
3616
|
}
|
|
3574
3617
|
|
|
3575
3618
|
.sd-dropdown_chevron-button {
|
|
3576
3619
|
position: absolute;
|
|
3577
|
-
width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3620
|
+
width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3578
3621
|
top: 0;
|
|
3579
3622
|
bottom: 0;
|
|
3580
3623
|
inset-inline-end: 0;
|
|
3581
3624
|
display: flex;
|
|
3582
3625
|
justify-content: center;
|
|
3583
3626
|
align-items: center;
|
|
3584
|
-
padding-inline-end: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3627
|
+
padding-inline-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3585
3628
|
}
|
|
3586
3629
|
|
|
3587
3630
|
.sd-dropdown_chevron-button-svg,
|
|
3588
3631
|
.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,
|
|
3632
|
+
width: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3633
|
+
height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3591
3634
|
}
|
|
3592
3635
|
|
|
3593
3636
|
.sd-input.sd-dropdown:focus-within {
|
|
@@ -3610,8 +3653,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3610
3653
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
3611
3654
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3612
3655
|
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,
|
|
3656
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
3657
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3615
3658
|
background-color: transparent;
|
|
3616
3659
|
overflow: hidden;
|
|
3617
3660
|
text-overflow: ellipsis;
|
|
@@ -3658,26 +3701,26 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3658
3701
|
}
|
|
3659
3702
|
|
|
3660
3703
|
.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,
|
|
3704
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3705
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
3663
3706
|
}
|
|
3664
3707
|
|
|
3665
3708
|
[dir=rtl] .sd-dropdown,
|
|
3666
3709
|
[style*="direction:rtl"] .sd-dropdown,
|
|
3667
3710
|
[style*="direction: rtl"] .sd-dropdown {
|
|
3668
|
-
background-position: left calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) top 50%, 0 0;
|
|
3711
|
+
background-position: left calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;
|
|
3669
3712
|
}
|
|
3670
3713
|
|
|
3671
3714
|
.sd-input.sd-tagbox:not(.sd-tagbox--empty):not(.sd-input--disabled) {
|
|
3672
3715
|
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)));
|
|
3716
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3717
|
+
padding-inline-end: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3718
|
+
padding-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3676
3719
|
}
|
|
3677
3720
|
|
|
3678
3721
|
.sd-tagbox_clean-button {
|
|
3679
|
-
height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3680
|
-
padding: calc(0.5 * var(--sjs-font-editorfont-size,
|
|
3722
|
+
height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3723
|
+
padding: calc(0.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3681
3724
|
margin: auto 0;
|
|
3682
3725
|
}
|
|
3683
3726
|
|
|
@@ -3689,14 +3732,14 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3689
3732
|
position: relative;
|
|
3690
3733
|
display: flex;
|
|
3691
3734
|
align-items: center;
|
|
3692
|
-
padding:
|
|
3735
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3693
3736
|
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3694
|
-
border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));
|
|
3737
|
+
border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
|
|
3695
3738
|
}
|
|
3696
3739
|
|
|
3697
3740
|
.sv-tagbox__item-text {
|
|
3698
3741
|
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
3699
|
-
min-width: calc(5.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3742
|
+
min-width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3700
3743
|
text-align: center;
|
|
3701
3744
|
font-weight: 600;
|
|
3702
3745
|
}
|
|
@@ -3711,17 +3754,17 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3711
3754
|
.sd-tagbox-item_clean-button {
|
|
3712
3755
|
display: none;
|
|
3713
3756
|
position: absolute;
|
|
3714
|
-
inset-inline-end: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3757
|
+
inset-inline-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3715
3758
|
padding: 0;
|
|
3716
|
-
padding-inline-start: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3759
|
+
padding-inline-start: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3717
3760
|
background: linear-gradient(270deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);
|
|
3718
3761
|
}
|
|
3719
3762
|
|
|
3720
3763
|
.sd-tagbox-item_clean-button-svg {
|
|
3721
3764
|
display: block;
|
|
3722
|
-
padding: calc(0.25 * var(--sjs-font-editorfont-size,
|
|
3723
|
-
width:
|
|
3724
|
-
height:
|
|
3765
|
+
padding: calc(0.25 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3766
|
+
width: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
3767
|
+
height: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
3725
3768
|
}
|
|
3726
3769
|
|
|
3727
3770
|
.sd-tagbox-item_clean-button-svg:hover {
|
|
@@ -3735,7 +3778,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3735
3778
|
|
|
3736
3779
|
.sd-tagbox__value.sd-dropdown__value {
|
|
3737
3780
|
position: relative;
|
|
3738
|
-
gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3781
|
+
gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3739
3782
|
display: flex;
|
|
3740
3783
|
flex-wrap: wrap;
|
|
3741
3784
|
flex-grow: 1;
|
|
@@ -3786,14 +3829,14 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3786
3829
|
}
|
|
3787
3830
|
|
|
3788
3831
|
.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {
|
|
3789
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3832
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3790
3833
|
height: 100%;
|
|
3791
3834
|
display: flex;
|
|
3792
3835
|
align-items: center;
|
|
3793
3836
|
}
|
|
3794
3837
|
|
|
3795
3838
|
.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {
|
|
3796
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3839
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3797
3840
|
height: 100%;
|
|
3798
3841
|
display: flex;
|
|
3799
3842
|
align-items: center;
|
|
@@ -3804,7 +3847,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3804
3847
|
flex-wrap: wrap;
|
|
3805
3848
|
padding: 0;
|
|
3806
3849
|
border: none;
|
|
3807
|
-
gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3850
|
+
gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3808
3851
|
width: 100%;
|
|
3809
3852
|
margin: 0;
|
|
3810
3853
|
}
|
|
@@ -3816,12 +3859,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3816
3859
|
|
|
3817
3860
|
@supports not (aspect-ratio: 1/1) {
|
|
3818
3861
|
.sd-imagepicker > div {
|
|
3819
|
-
margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3862
|
+
margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3820
3863
|
}
|
|
3821
3864
|
}
|
|
3822
3865
|
.sd-imagepicker__item img,
|
|
3823
3866
|
.sd-imagepicker__item .sd-imagepicker__image-container > div {
|
|
3824
|
-
border-radius:
|
|
3867
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
3825
3868
|
background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
3826
3869
|
}
|
|
3827
3870
|
|
|
@@ -3839,9 +3882,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3839
3882
|
.sd-imagepicker__check-decorator {
|
|
3840
3883
|
display: none;
|
|
3841
3884
|
position: absolute;
|
|
3842
|
-
top:
|
|
3843
|
-
right:
|
|
3844
|
-
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3885
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3886
|
+
right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3887
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3845
3888
|
box-sizing: border-box;
|
|
3846
3889
|
border-radius: 100%;
|
|
3847
3890
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
@@ -3850,8 +3893,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3850
3893
|
|
|
3851
3894
|
.sd-imagepicker__check-icon {
|
|
3852
3895
|
display: block;
|
|
3853
|
-
width: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3854
|
-
height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
3896
|
+
width: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3897
|
+
height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3855
3898
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3856
3899
|
}
|
|
3857
3900
|
|
|
@@ -3868,7 +3911,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3868
3911
|
width: 100%;
|
|
3869
3912
|
height: 100%;
|
|
3870
3913
|
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
3871
|
-
border-radius:
|
|
3914
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
3872
3915
|
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
3916
|
}
|
|
3874
3917
|
|
|
@@ -3884,9 +3927,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3884
3927
|
}
|
|
3885
3928
|
|
|
3886
3929
|
.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:
|
|
3930
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
3931
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
3932
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3890
3933
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3891
3934
|
}
|
|
3892
3935
|
|
|
@@ -3897,8 +3940,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3897
3940
|
}
|
|
3898
3941
|
|
|
3899
3942
|
.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)));
|
|
3943
|
+
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3944
|
+
width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3902
3945
|
margin: auto;
|
|
3903
3946
|
}
|
|
3904
3947
|
.sd-imagepicker__no-image-svg use {
|
|
@@ -3908,7 +3951,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3908
3951
|
.sd-imagepicker__column {
|
|
3909
3952
|
display: flex;
|
|
3910
3953
|
flex-direction: column;
|
|
3911
|
-
gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3954
|
+
gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3912
3955
|
align-items: flex-start;
|
|
3913
3956
|
padding-right: 0;
|
|
3914
3957
|
}
|
|
@@ -3920,19 +3963,19 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3920
3963
|
.sd-image__image {
|
|
3921
3964
|
display: block;
|
|
3922
3965
|
max-width: 100%;
|
|
3923
|
-
border-radius:
|
|
3966
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
3924
3967
|
}
|
|
3925
3968
|
|
|
3926
3969
|
.sd-image__image--adaptive {
|
|
3927
3970
|
width: 100%;
|
|
3928
3971
|
height: auto;
|
|
3929
|
-
max-width: calc(80 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3972
|
+
max-width: calc(80 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3930
3973
|
}
|
|
3931
3974
|
|
|
3932
3975
|
.sd-image__no-image {
|
|
3933
3976
|
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)));
|
|
3977
|
+
min-width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3978
|
+
min-height: calc(27.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3936
3979
|
width: 100%;
|
|
3937
3980
|
height: 100%;
|
|
3938
3981
|
position: relative;
|
|
@@ -4025,16 +4068,16 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4025
4068
|
.sd-html button {
|
|
4026
4069
|
display: flex;
|
|
4027
4070
|
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)));
|
|
4071
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4029
4072
|
vertical-align: baseline;
|
|
4030
4073
|
text-align: center;
|
|
4031
4074
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
4032
4075
|
box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
4033
4076
|
border: none;
|
|
4034
|
-
border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4077
|
+
border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4035
4078
|
cursor: pointer;
|
|
4036
4079
|
user-select: none;
|
|
4037
|
-
outline: solid calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) transparent;
|
|
4080
|
+
outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;
|
|
4038
4081
|
}
|
|
4039
4082
|
.sd-html button:hover {
|
|
4040
4083
|
background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
@@ -4051,13 +4094,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4051
4094
|
font-weight: 600;
|
|
4052
4095
|
font-style: normal;
|
|
4053
4096
|
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,
|
|
4097
|
+
font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
|
|
4098
|
+
line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
4056
4099
|
}
|
|
4057
4100
|
|
|
4058
4101
|
.sd-expression {
|
|
4059
4102
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
4060
|
-
font-size:
|
|
4103
|
+
font-size: var(--sjs-font-size, 16px);
|
|
4061
4104
|
}
|
|
4062
4105
|
|
|
4063
4106
|
.sd-progress {
|
|
@@ -4075,43 +4118,43 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4075
4118
|
|
|
4076
4119
|
.sd-progress__text {
|
|
4077
4120
|
position: absolute;
|
|
4078
|
-
margin-top:
|
|
4079
|
-
right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4121
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4122
|
+
right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4080
4123
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
4081
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
4082
|
-
line-height:
|
|
4124
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
4125
|
+
line-height: var(--sjs-font-size, 16px);
|
|
4083
4126
|
font-weight: 600;
|
|
4084
4127
|
}
|
|
4085
|
-
@media only screen and (min-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {
|
|
4128
|
+
@media only screen and (min-width: calc(125 * (var(--sjs-base-unit, var(--base-unit, 8px))))) {
|
|
4086
4129
|
.sd-progress__text {
|
|
4087
4130
|
margin-left: 5%;
|
|
4088
4131
|
}
|
|
4089
4132
|
}
|
|
4090
|
-
@media only screen and (max-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {
|
|
4133
|
+
@media only screen and (max-width: calc(125 * (var(--sjs-base-unit, var(--base-unit, 8px))))) {
|
|
4091
4134
|
.sd-progress__text {
|
|
4092
4135
|
margin-left: 10px;
|
|
4093
4136
|
}
|
|
4094
4137
|
}
|
|
4095
4138
|
|
|
4096
4139
|
.sd-body__progress--top {
|
|
4097
|
-
margin-bottom: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4140
|
+
margin-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4098
4141
|
position: sticky;
|
|
4099
4142
|
top: 0;
|
|
4100
4143
|
z-index: 50;
|
|
4101
4144
|
}
|
|
4102
4145
|
|
|
4103
4146
|
.sd-body__progress--bottom .sd-progress__text {
|
|
4104
|
-
margin-top: calc(-3.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4147
|
+
margin-top: calc(-3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4105
4148
|
}
|
|
4106
4149
|
|
|
4107
4150
|
.sd-boolean {
|
|
4108
4151
|
display: flex;
|
|
4109
4152
|
width: max-content;
|
|
4110
4153
|
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)));
|
|
4154
|
+
gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4155
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4113
4156
|
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)));
|
|
4157
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4115
4158
|
box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
4116
4159
|
}
|
|
4117
4160
|
.sd-boolean.sd-boolean--allowhover:focus-within {
|
|
@@ -4123,15 +4166,15 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4123
4166
|
display: block;
|
|
4124
4167
|
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
4125
4168
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
4126
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
4169
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
4127
4170
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
4128
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
4129
|
-
padding:
|
|
4171
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
4172
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4130
4173
|
}
|
|
4131
4174
|
|
|
4132
4175
|
.sd-boolean__switch {
|
|
4133
4176
|
display: flex;
|
|
4134
|
-
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4177
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4135
4178
|
align-items: center;
|
|
4136
4179
|
position: absolute;
|
|
4137
4180
|
left: 0;
|
|
@@ -4139,7 +4182,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4139
4182
|
width: 100%;
|
|
4140
4183
|
height: 100%;
|
|
4141
4184
|
box-sizing: border-box;
|
|
4142
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4185
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4143
4186
|
}
|
|
4144
4187
|
|
|
4145
4188
|
.sd-boolean.sd-boolean--checked .sd-boolean__label--true,
|
|
@@ -4161,7 +4204,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4161
4204
|
.sd-boolean__thumb {
|
|
4162
4205
|
background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
|
|
4163
4206
|
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)));
|
|
4207
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4165
4208
|
transition-duration: 0.2s;
|
|
4166
4209
|
transition-property: margin-left, transform;
|
|
4167
4210
|
transition-timing-function: linear;
|
|
@@ -4193,7 +4236,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4193
4236
|
|
|
4194
4237
|
.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {
|
|
4195
4238
|
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)));
|
|
4239
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4197
4240
|
}
|
|
4198
4241
|
|
|
4199
4242
|
.sd-boolean--error {
|
|
@@ -4264,8 +4307,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4264
4307
|
}
|
|
4265
4308
|
.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,
|
|
4266
4309
|
.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)));
|
|
4310
|
+
width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4311
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4269
4312
|
}
|
|
4270
4313
|
.sd-paneldynamic__footer .sd-paneldynamic__add-btn,
|
|
4271
4314
|
.sd-paneldynamic__footer .sd-paneldynamic__progress-text,
|
|
@@ -4283,21 +4326,21 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4283
4326
|
display: flex;
|
|
4284
4327
|
align-items: center;
|
|
4285
4328
|
margin-left: auto;
|
|
4286
|
-
margin-right: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4329
|
+
margin-right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4287
4330
|
}
|
|
4288
4331
|
|
|
4289
4332
|
.sd-paneldynamic__progress-text {
|
|
4290
|
-
font-size: var(--sjs-font-questiontitle-size,
|
|
4291
|
-
line-height: calc(1.5 * var(--sjs-font-questiontitle-size,
|
|
4333
|
+
font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
|
|
4334
|
+
line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
4292
4335
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
4293
4336
|
margin: 0;
|
|
4294
|
-
margin-right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4337
|
+
margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4295
4338
|
}
|
|
4296
4339
|
|
|
4297
4340
|
.sd-paneldynamic__prev-btn,
|
|
4298
4341
|
.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)));
|
|
4342
|
+
width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4343
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4301
4344
|
}
|
|
4302
4345
|
.sd-paneldynamic__prev-btn .sv-svg-icon,
|
|
4303
4346
|
.sd-paneldynamic__next-btn .sv-svg-icon {
|
|
@@ -4305,12 +4348,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4305
4348
|
}
|
|
4306
4349
|
|
|
4307
4350
|
.sd-paneldynamic__prev-btn {
|
|
4308
|
-
margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4351
|
+
margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4309
4352
|
}
|
|
4310
4353
|
|
|
4311
4354
|
.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)));
|
|
4355
|
+
margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4356
|
+
margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4314
4357
|
transform: rotate(180deg);
|
|
4315
4358
|
}
|
|
4316
4359
|
|
|
@@ -4325,7 +4368,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4325
4368
|
|
|
4326
4369
|
.sd-paneldynamic__buttons-container .sd-action-bar {
|
|
4327
4370
|
width: 100%;
|
|
4328
|
-
margin: 0 calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4371
|
+
margin: 0 calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4329
4372
|
width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4330
4373
|
}
|
|
4331
4374
|
|
|
@@ -4333,17 +4376,17 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4333
4376
|
border-top: none;
|
|
4334
4377
|
position: relative;
|
|
4335
4378
|
top: calc(0.5 * var(--sd-base-vertical-padding));
|
|
4336
|
-
margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4379
|
+
margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4337
4380
|
justify-content: flex-end;
|
|
4338
4381
|
}
|
|
4339
4382
|
|
|
4340
4383
|
.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) {
|
|
4341
|
-
margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4384
|
+
margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4342
4385
|
}
|
|
4343
4386
|
|
|
4344
4387
|
.sd-tabs-toolbar.sv-action-bar {
|
|
4345
4388
|
align-items: flex-start;
|
|
4346
|
-
margin:
|
|
4389
|
+
margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 -1px calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4347
4390
|
width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4348
4391
|
z-index: 1;
|
|
4349
4392
|
}
|
|
@@ -4361,11 +4404,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4361
4404
|
}
|
|
4362
4405
|
|
|
4363
4406
|
.sd-tab-item {
|
|
4364
|
-
margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4407
|
+
margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4365
4408
|
}
|
|
4366
4409
|
|
|
4367
4410
|
.sd-tab-item {
|
|
4368
|
-
padding:
|
|
4411
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4369
4412
|
display: flex;
|
|
4370
4413
|
-webkit-appearance: none;
|
|
4371
4414
|
-moz-appearance: none;
|
|
@@ -4376,8 +4419,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4376
4419
|
background-color: transparent;
|
|
4377
4420
|
cursor: pointer;
|
|
4378
4421
|
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,
|
|
4422
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
4423
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
4381
4424
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
4382
4425
|
overflow-x: hidden;
|
|
4383
4426
|
white-space: nowrap;
|
|
@@ -4392,9 +4435,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4392
4435
|
}
|
|
4393
4436
|
|
|
4394
4437
|
.sd-tab-item--icon {
|
|
4395
|
-
padding:
|
|
4438
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4396
4439
|
width: auto;
|
|
4397
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4440
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4398
4441
|
}
|
|
4399
4442
|
.sd-tab-item--icon use {
|
|
4400
4443
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -4424,14 +4467,14 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4424
4467
|
}
|
|
4425
4468
|
|
|
4426
4469
|
.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)));
|
|
4470
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
4471
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4429
4472
|
display: flex;
|
|
4430
4473
|
align-items: center;
|
|
4431
4474
|
}
|
|
4432
4475
|
|
|
4433
4476
|
.sd-question__title ~ .sd-tabs-toolbar {
|
|
4434
|
-
margin-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4477
|
+
margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4435
4478
|
}
|
|
4436
4479
|
|
|
4437
4480
|
.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {
|
|
@@ -4444,14 +4487,14 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4444
4487
|
|
|
4445
4488
|
.sd-file {
|
|
4446
4489
|
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)));
|
|
4490
|
+
font-size: var(--sjs-font-size, 16px);
|
|
4491
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
4492
|
+
min-height: calc(36 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4450
4493
|
box-sizing: border-box;
|
|
4451
|
-
padding: 0 calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4494
|
+
padding: 0 calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4452
4495
|
}
|
|
4453
4496
|
.sd-file .sv-action-bar {
|
|
4454
|
-
padding:
|
|
4497
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
|
|
4455
4498
|
justify-content: center;
|
|
4456
4499
|
position: absolute;
|
|
4457
4500
|
width: 100%;
|
|
@@ -4459,12 +4502,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4459
4502
|
bottom: 0;
|
|
4460
4503
|
}
|
|
4461
4504
|
.sd-file .sv-action-bar .sv-action-bar-item {
|
|
4462
|
-
height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4505
|
+
height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4463
4506
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
4464
|
-
border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4507
|
+
border-radius: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4465
4508
|
}
|
|
4466
4509
|
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item {
|
|
4467
|
-
padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
4510
|
+
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
4468
4511
|
font-weight: 600;
|
|
4469
4512
|
}
|
|
4470
4513
|
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover {
|
|
@@ -4479,13 +4522,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4479
4522
|
flex-direction: column;
|
|
4480
4523
|
position: absolute;
|
|
4481
4524
|
position: absolute;
|
|
4482
|
-
left: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4525
|
+
left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4483
4526
|
width: 100%;
|
|
4484
4527
|
height: 100%;
|
|
4485
4528
|
box-sizing: border-box;
|
|
4486
4529
|
justify-content: center;
|
|
4487
4530
|
align-items: center;
|
|
4488
|
-
padding: 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4531
|
+
padding: 0 calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4489
4532
|
border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
|
|
4490
4533
|
}
|
|
4491
4534
|
|
|
@@ -4505,12 +4548,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4505
4548
|
word-break: break-word;
|
|
4506
4549
|
white-space: normal;
|
|
4507
4550
|
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,
|
|
4551
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
4552
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
4510
4553
|
}
|
|
4511
4554
|
|
|
4512
4555
|
.sd-root-modern--mobile .sd-file__decorator {
|
|
4513
|
-
padding: 0 calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4556
|
+
padding: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4514
4557
|
}
|
|
4515
4558
|
|
|
4516
4559
|
.sd-file__choose-btn--text {
|
|
@@ -4520,7 +4563,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4520
4563
|
cursor: pointer;
|
|
4521
4564
|
}
|
|
4522
4565
|
.sd-file__choose-btn--text .sv-svg-icon {
|
|
4523
|
-
margin-left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4566
|
+
margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4524
4567
|
width: 24px;
|
|
4525
4568
|
height: 24px;
|
|
4526
4569
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
@@ -4539,7 +4582,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4539
4582
|
}
|
|
4540
4583
|
|
|
4541
4584
|
.sd-file__actions-container {
|
|
4542
|
-
margin-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4585
|
+
margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4543
4586
|
}
|
|
4544
4587
|
.sd-file__actions-container .sv-action--hidden {
|
|
4545
4588
|
display: none;
|
|
@@ -4548,29 +4591,29 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4548
4591
|
.sd-file--answered .sd-file__actions-container {
|
|
4549
4592
|
z-index: 2;
|
|
4550
4593
|
margin-top: 0;
|
|
4551
|
-
gap:
|
|
4594
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4552
4595
|
}
|
|
4553
4596
|
|
|
4554
4597
|
.sd-file--answered .sd-file__actions-container {
|
|
4555
|
-
top:
|
|
4556
|
-
right:
|
|
4598
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4599
|
+
right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4557
4600
|
position: absolute;
|
|
4558
4601
|
}
|
|
4559
4602
|
|
|
4560
4603
|
.sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container {
|
|
4561
|
-
inset-inline-end: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
4604
|
+
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
4605
|
}
|
|
4563
4606
|
|
|
4564
4607
|
.sd-file__list {
|
|
4565
4608
|
display: flex;
|
|
4566
|
-
gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4609
|
+
gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4567
4610
|
box-sizing: content-box;
|
|
4568
4611
|
flex-direction: row;
|
|
4569
4612
|
align-items: stretch;
|
|
4570
4613
|
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)));
|
|
4614
|
+
padding: calc(10.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
4615
|
+
min-height: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4616
|
+
max-height: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4574
4617
|
width: 100%;
|
|
4575
4618
|
}
|
|
4576
4619
|
|
|
@@ -4583,7 +4626,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4583
4626
|
margin: 0;
|
|
4584
4627
|
}
|
|
4585
4628
|
.sd-file__preview .sd-file__default-image {
|
|
4586
|
-
width: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4629
|
+
width: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4587
4630
|
height: 90px;
|
|
4588
4631
|
}
|
|
4589
4632
|
.sd-file__preview img:hover + .sd-file__remove-file-button,
|
|
@@ -4597,10 +4640,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4597
4640
|
}
|
|
4598
4641
|
|
|
4599
4642
|
.sd-file__sign {
|
|
4600
|
-
margin-top:
|
|
4643
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4601
4644
|
text-align: center;
|
|
4602
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
4603
|
-
line-height:
|
|
4645
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
4646
|
+
line-height: var(--sjs-font-size, 16px);
|
|
4604
4647
|
}
|
|
4605
4648
|
.sd-file__sign a {
|
|
4606
4649
|
display: block;
|
|
@@ -4608,11 +4651,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4608
4651
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
4609
4652
|
white-space: normal;
|
|
4610
4653
|
word-break: break-all;
|
|
4611
|
-
width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4654
|
+
width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4612
4655
|
overflow: hidden;
|
|
4613
|
-
max-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4656
|
+
max-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4614
4657
|
text-overflow: ellipsis;
|
|
4615
|
-
line-height:
|
|
4658
|
+
line-height: var(--sjs-font-size, 16px);
|
|
4616
4659
|
display: -webkit-box;
|
|
4617
4660
|
-webkit-line-clamp: 3;
|
|
4618
4661
|
-webkit-box-orient: vertical;
|
|
@@ -4629,13 +4672,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4629
4672
|
.sd-file__image-wrapper {
|
|
4630
4673
|
position: relative;
|
|
4631
4674
|
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)));
|
|
4675
|
+
min-width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4676
|
+
min-height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4634
4677
|
}
|
|
4635
4678
|
.sd-file__image-wrapper img:not(.sd-file__default-image) {
|
|
4636
4679
|
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)));
|
|
4680
|
+
width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4681
|
+
height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4639
4682
|
object-fit: contain;
|
|
4640
4683
|
background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
4641
4684
|
}
|
|
@@ -4695,21 +4738,20 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4695
4738
|
.sd-file__drag-area {
|
|
4696
4739
|
position: static;
|
|
4697
4740
|
width: 100%;
|
|
4698
|
-
height: 100%;
|
|
4699
4741
|
}
|
|
4700
4742
|
|
|
4701
4743
|
.sd-file__change-camera-button {
|
|
4702
4744
|
position: absolute;
|
|
4703
4745
|
z-index: 2;
|
|
4704
|
-
left:
|
|
4705
|
-
top:
|
|
4746
|
+
left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4747
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4706
4748
|
}
|
|
4707
4749
|
|
|
4708
4750
|
.sd-file__close-camera-button {
|
|
4709
4751
|
position: absolute;
|
|
4710
4752
|
z-index: 2;
|
|
4711
|
-
right:
|
|
4712
|
-
top:
|
|
4753
|
+
right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4754
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4713
4755
|
}
|
|
4714
4756
|
|
|
4715
4757
|
.sd-context-btn.sd-file__take-picture-button {
|
|
@@ -4718,11 +4760,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4718
4760
|
bottom: 16px;
|
|
4719
4761
|
left: 50%;
|
|
4720
4762
|
transform: translateX(-50%);
|
|
4721
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4763
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4722
4764
|
}
|
|
4723
4765
|
.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)));
|
|
4766
|
+
height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4767
|
+
width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4726
4768
|
}
|
|
4727
4769
|
.sd-context-btn.sd-file__take-picture-button .sv-svg-icon use {
|
|
4728
4770
|
fill: var(--sjs-general-backcolor, var(--background, #fff));
|
|
@@ -4760,9 +4802,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4760
4802
|
}
|
|
4761
4803
|
|
|
4762
4804
|
.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,
|
|
4805
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4806
|
+
font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
|
|
4807
|
+
line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
4766
4808
|
}
|
|
4767
4809
|
|
|
4768
4810
|
.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action) {
|
|
@@ -4777,7 +4819,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4777
4819
|
flex-grow: 1;
|
|
4778
4820
|
}
|
|
4779
4821
|
.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)));
|
|
4822
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4781
4823
|
}
|
|
4782
4824
|
|
|
4783
4825
|
.sd-body__navigation .sv-action--hidden {
|
|
@@ -4788,22 +4830,27 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4788
4830
|
appearance: none;
|
|
4789
4831
|
-webkit-appearance: none;
|
|
4790
4832
|
-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)));
|
|
4833
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4792
4834
|
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
|
|
4793
4835
|
box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
4794
|
-
border-radius:
|
|
4836
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
4795
4837
|
cursor: pointer;
|
|
4796
4838
|
font-family: var(--font-family, var(--font-family));
|
|
4797
4839
|
font-style: normal;
|
|
4798
4840
|
font-weight: 600;
|
|
4799
|
-
font-size:
|
|
4800
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
4841
|
+
font-size: var(--sjs-font-size, 16px);
|
|
4842
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
4801
4843
|
text-align: center;
|
|
4802
4844
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4803
4845
|
border: none;
|
|
4804
4846
|
outline: none;
|
|
4805
4847
|
}
|
|
4806
4848
|
|
|
4849
|
+
.sd-btn--small {
|
|
4850
|
+
flex-grow: 1;
|
|
4851
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4852
|
+
}
|
|
4853
|
+
|
|
4807
4854
|
.sd-btn:hover {
|
|
4808
4855
|
background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
4809
4856
|
}
|
|
@@ -4833,22 +4880,37 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4833
4880
|
pointer-events: none;
|
|
4834
4881
|
}
|
|
4835
4882
|
|
|
4883
|
+
.sd-btn--danger {
|
|
4884
|
+
background-color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
4885
|
+
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
4886
|
+
}
|
|
4887
|
+
|
|
4888
|
+
.sd-btn--danger:hover {
|
|
4889
|
+
background-color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
4890
|
+
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
4891
|
+
}
|
|
4892
|
+
|
|
4893
|
+
.sd-btn--danger:disabled {
|
|
4894
|
+
color: var(--sjs-special-red-forecolor, #ffffff);
|
|
4895
|
+
pointer-events: none;
|
|
4896
|
+
}
|
|
4897
|
+
|
|
4836
4898
|
.sd-body {
|
|
4837
4899
|
width: 100%;
|
|
4838
4900
|
}
|
|
4839
4901
|
.sd-body .sd-body__page {
|
|
4840
|
-
min-width: 300px;
|
|
4902
|
+
min-width: min(100%, 300px);
|
|
4841
4903
|
}
|
|
4842
4904
|
.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;
|
|
4905
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
4844
4906
|
box-sizing: border-box;
|
|
4845
4907
|
}
|
|
4846
4908
|
.sd-body.sd-body--static {
|
|
4847
|
-
max-width: calc(90 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4909
|
+
max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4848
4910
|
margin-left: auto;
|
|
4849
4911
|
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)));
|
|
4912
|
+
padding-top: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4913
|
+
padding-bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4852
4914
|
}
|
|
4853
4915
|
.sd-body.sd-body--static .sd-body__timer,
|
|
4854
4916
|
.sd-body.sd-body--static .sd-body__navigation,
|
|
@@ -4857,29 +4919,29 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4857
4919
|
margin-right: 0;
|
|
4858
4920
|
}
|
|
4859
4921
|
.sd-body.sd-body--static .sd-body__navigation {
|
|
4860
|
-
padding-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4922
|
+
padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4861
4923
|
}
|
|
4862
4924
|
.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)));
|
|
4925
|
+
padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4926
|
+
padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4865
4927
|
}
|
|
4866
4928
|
.sd-body.sd-body--responsive {
|
|
4867
4929
|
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)));
|
|
4930
|
+
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
4931
|
box-sizing: border-box;
|
|
4870
4932
|
}
|
|
4871
4933
|
.sd-body.sd-body--responsive .sd-page {
|
|
4872
4934
|
padding: 0;
|
|
4873
4935
|
}
|
|
4874
4936
|
.sd-body.sd-body--responsive .sd-page.sd-page__empty-header {
|
|
4875
|
-
padding-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4937
|
+
padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4876
4938
|
}
|
|
4877
4939
|
.sd-body.sd-body--responsive .sd-body__timer,
|
|
4878
4940
|
.sd-body.sd-body--responsive .sd-body__navigation {
|
|
4879
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
4941
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
4880
4942
|
}
|
|
4881
4943
|
.sd-body.sd-body--responsive .sd-body__navigation {
|
|
4882
|
-
padding-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4944
|
+
padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4883
4945
|
}
|
|
4884
4946
|
.sd-body.sd-body--responsive.sd-body--with-timer {
|
|
4885
4947
|
max-width: calc(100% + var(--sd-timer-size) * -1.4444444444 + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
@@ -4893,7 +4955,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4893
4955
|
margin-right: 0;
|
|
4894
4956
|
}
|
|
4895
4957
|
.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)));
|
|
4958
|
+
padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4897
4959
|
}
|
|
4898
4960
|
.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
4961
|
padding-left: 0;
|
|
@@ -4901,11 +4963,15 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4901
4963
|
padding-bottom: 0;
|
|
4902
4964
|
}
|
|
4903
4965
|
|
|
4966
|
+
.sd-root--compact .sd-body.sd-body--responsive .sd-body__navigation, .sd-root--compact .sd-body.sd-body--static .sd-body__navigation {
|
|
4967
|
+
padding-top: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4968
|
+
}
|
|
4969
|
+
|
|
4904
4970
|
.sd-body__navigation.sd-action-bar {
|
|
4905
4971
|
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)));
|
|
4972
|
+
padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4907
4973
|
flex-wrap: wrap;
|
|
4908
|
-
gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4974
|
+
gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4909
4975
|
}
|
|
4910
4976
|
|
|
4911
4977
|
.sd-body--empty {
|
|
@@ -5003,16 +5069,16 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5003
5069
|
.sd-body--loading button {
|
|
5004
5070
|
display: flex;
|
|
5005
5071
|
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)));
|
|
5072
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5007
5073
|
vertical-align: baseline;
|
|
5008
5074
|
text-align: center;
|
|
5009
5075
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
5010
5076
|
box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
5011
5077
|
border: none;
|
|
5012
|
-
border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5078
|
+
border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5013
5079
|
cursor: pointer;
|
|
5014
5080
|
user-select: none;
|
|
5015
|
-
outline: solid calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) transparent;
|
|
5081
|
+
outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;
|
|
5016
5082
|
}
|
|
5017
5083
|
.sd-body--empty button:hover,
|
|
5018
5084
|
.sd-body--loading button:hover {
|
|
@@ -5032,8 +5098,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5032
5098
|
font-weight: 600;
|
|
5033
5099
|
font-style: normal;
|
|
5034
5100
|
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,
|
|
5101
|
+
font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
|
|
5102
|
+
line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
5037
5103
|
}
|
|
5038
5104
|
|
|
5039
5105
|
.sd-root_background-image {
|
|
@@ -5057,7 +5123,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5057
5123
|
}
|
|
5058
5124
|
|
|
5059
5125
|
.sd-multipletext__cell:not(:first-of-type) {
|
|
5060
|
-
padding-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5126
|
+
padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5061
5127
|
}
|
|
5062
5128
|
|
|
5063
5129
|
.sd-multipletext__item-container.sd-input:focus-within {
|
|
@@ -5081,8 +5147,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5081
5147
|
|
|
5082
5148
|
.sd-multipletext__item-container .sd-input,
|
|
5083
5149
|
.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)));
|
|
5150
|
+
margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5151
|
+
margin-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5086
5152
|
}
|
|
5087
5153
|
|
|
5088
5154
|
.sd-multipletext__item-title {
|
|
@@ -5090,14 +5156,14 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5090
5156
|
line-height: 0;
|
|
5091
5157
|
}
|
|
5092
5158
|
.sd-multipletext__item-title span {
|
|
5093
|
-
font-size: var(--sjs-font-editorfont-size,
|
|
5094
|
-
line-height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
5159
|
+
font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
|
|
5160
|
+
line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
5095
5161
|
}
|
|
5096
5162
|
|
|
5097
5163
|
.sd-multipletext__item-title {
|
|
5098
5164
|
height: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 3);
|
|
5099
5165
|
max-width: 30%;
|
|
5100
|
-
padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5166
|
+
padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5101
5167
|
border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
|
|
5102
5168
|
word-break: break-word;
|
|
5103
5169
|
white-space: normal;
|
|
@@ -5126,8 +5192,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5126
5192
|
.sd-multipletext__cell {
|
|
5127
5193
|
padding-left: 0;
|
|
5128
5194
|
padding-right: 0;
|
|
5129
|
-
padding-bottom:
|
|
5130
|
-
padding-top:
|
|
5195
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5196
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5131
5197
|
}
|
|
5132
5198
|
|
|
5133
5199
|
.sd-multipletext__cell--error-bottom,
|
|
@@ -5152,16 +5218,16 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5152
5218
|
appearance: none;
|
|
5153
5219
|
border: none;
|
|
5154
5220
|
display: flex;
|
|
5155
|
-
gap:
|
|
5221
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5156
5222
|
background: transparent;
|
|
5157
|
-
padding:
|
|
5223
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5158
5224
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
5159
|
-
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5225
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5160
5226
|
font-weight: 600;
|
|
5161
5227
|
font-family: var(--font-family, var(--font-family));
|
|
5162
5228
|
font-style: normal;
|
|
5163
|
-
font-size: var(--sjs-font-questiontitle-size,
|
|
5164
|
-
line-height: calc(1.5 * var(--sjs-font-questiontitle-size,
|
|
5229
|
+
font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
|
|
5230
|
+
line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
5165
5231
|
outline: none;
|
|
5166
5232
|
}
|
|
5167
5233
|
|
|
@@ -5170,11 +5236,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5170
5236
|
}
|
|
5171
5237
|
|
|
5172
5238
|
.sd-action--icon {
|
|
5173
|
-
padding:
|
|
5239
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5174
5240
|
}
|
|
5175
5241
|
|
|
5176
5242
|
.sd-action__icon {
|
|
5177
|
-
margin-left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5243
|
+
margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5178
5244
|
}
|
|
5179
5245
|
.sd-action__icon use {
|
|
5180
5246
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
@@ -5221,8 +5287,8 @@ svg.sd-action--icon {
|
|
|
5221
5287
|
|
|
5222
5288
|
.sd-action__icon {
|
|
5223
5289
|
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)));
|
|
5290
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5291
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5226
5292
|
}
|
|
5227
5293
|
|
|
5228
5294
|
.sd-action--pressed:not(.sd-action--active) {
|
|
@@ -5240,8 +5306,8 @@ svg.sd-action--icon {
|
|
|
5240
5306
|
|
|
5241
5307
|
.sd-context-btn {
|
|
5242
5308
|
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)));
|
|
5309
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5310
|
+
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5245
5311
|
border: none;
|
|
5246
5312
|
outline: none;
|
|
5247
5313
|
cursor: pointer;
|
|
@@ -5251,8 +5317,8 @@ svg.sd-action--icon {
|
|
|
5251
5317
|
}
|
|
5252
5318
|
.sd-context-btn svg {
|
|
5253
5319
|
display: block;
|
|
5254
|
-
width: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
5255
|
-
height: calc(1.5 * var(--sjs-font-editorfont-size,
|
|
5320
|
+
width: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
5321
|
+
height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
|
|
5256
5322
|
}
|
|
5257
5323
|
.sd-context-btn use {
|
|
5258
5324
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -5367,16 +5433,16 @@ svg.sd-action--icon {
|
|
|
5367
5433
|
.sd-completed-before-page button {
|
|
5368
5434
|
display: flex;
|
|
5369
5435
|
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)));
|
|
5436
|
+
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5371
5437
|
vertical-align: baseline;
|
|
5372
5438
|
text-align: center;
|
|
5373
5439
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
5374
5440
|
box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
5375
5441
|
border: none;
|
|
5376
|
-
border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5442
|
+
border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5377
5443
|
cursor: pointer;
|
|
5378
5444
|
user-select: none;
|
|
5379
|
-
outline: solid calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) transparent;
|
|
5445
|
+
outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;
|
|
5380
5446
|
}
|
|
5381
5447
|
.sd-completedpage button:hover,
|
|
5382
5448
|
.sd-completed-before-page button:hover {
|
|
@@ -5396,24 +5462,24 @@ svg.sd-action--icon {
|
|
|
5396
5462
|
font-weight: 600;
|
|
5397
5463
|
font-style: normal;
|
|
5398
5464
|
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,
|
|
5465
|
+
font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
|
|
5466
|
+
line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
5401
5467
|
}
|
|
5402
5468
|
|
|
5403
5469
|
.sd-completedpage:before,
|
|
5404
5470
|
.sd-completedpage:after {
|
|
5405
5471
|
display: block;
|
|
5406
|
-
width: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5472
|
+
width: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5407
5473
|
margin-left: calc(50% - 4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5408
5474
|
content: "";
|
|
5409
5475
|
}
|
|
5410
5476
|
|
|
5411
5477
|
.sd-completedpage:before {
|
|
5412
|
-
height: calc(13 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5478
|
+
height: calc(13 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5413
5479
|
}
|
|
5414
5480
|
|
|
5415
5481
|
.sd-completedpage:after {
|
|
5416
|
-
height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5482
|
+
height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5417
5483
|
}
|
|
5418
5484
|
|
|
5419
5485
|
.sd-progress-buttons__image-button-left {
|
|
@@ -5440,8 +5506,8 @@ svg.sd-action--icon {
|
|
|
5440
5506
|
flex-grow: 1;
|
|
5441
5507
|
text-decoration: none;
|
|
5442
5508
|
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)));
|
|
5509
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5510
|
+
padding-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5445
5511
|
cursor: pointer;
|
|
5446
5512
|
}
|
|
5447
5513
|
.sd-progress-buttons__list li:hover .sd-progress-buttons__page-title {
|
|
@@ -5464,26 +5530,26 @@ svg.sd-action--icon {
|
|
|
5464
5530
|
|
|
5465
5531
|
.sd-progress-buttons__page-title {
|
|
5466
5532
|
width: 100%;
|
|
5467
|
-
font-size:
|
|
5533
|
+
font-size: var(--sjs-font-size, 16px);
|
|
5468
5534
|
font-weight: 600;
|
|
5469
|
-
line-height: calc(1.5 * var(--sjs-font-size, 16px));
|
|
5535
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
5470
5536
|
}
|
|
5471
5537
|
|
|
5472
5538
|
.sd-progress-buttons__page-description {
|
|
5473
5539
|
width: 100%;
|
|
5474
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
5475
|
-
line-height:
|
|
5540
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
5541
|
+
line-height: var(--sjs-font-size, 16px);
|
|
5476
5542
|
font-weight: 600;
|
|
5477
5543
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
5478
5544
|
}
|
|
5479
5545
|
|
|
5480
5546
|
.sv_progress-toc {
|
|
5481
|
-
padding:
|
|
5482
|
-
max-width: calc(42 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5547
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5548
|
+
max-width: calc(42 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5483
5549
|
height: 100%;
|
|
5484
5550
|
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
5485
5551
|
box-sizing: border-box;
|
|
5486
|
-
min-width: calc(32 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5552
|
+
min-width: calc(32 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5487
5553
|
}
|
|
5488
5554
|
.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {
|
|
5489
5555
|
background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
@@ -5494,11 +5560,11 @@ svg.sd-action--icon {
|
|
|
5494
5560
|
white-space: break-spaces;
|
|
5495
5561
|
}
|
|
5496
5562
|
.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)));
|
|
5563
|
+
padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5564
|
+
padding-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5565
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
5566
|
+
padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5567
|
+
padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5502
5568
|
}
|
|
5503
5569
|
|
|
5504
5570
|
.sv_progress-toc--left {
|
|
@@ -5511,50 +5577,50 @@ svg.sd-action--icon {
|
|
|
5511
5577
|
|
|
5512
5578
|
.sv_progress-toc--mobile {
|
|
5513
5579
|
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)));
|
|
5580
|
+
top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5581
|
+
right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5516
5582
|
width: auto;
|
|
5517
5583
|
min-width: auto;
|
|
5518
5584
|
height: auto;
|
|
5519
5585
|
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
5520
5586
|
z-index: 15;
|
|
5521
|
-
border-radius: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5587
|
+
border-radius: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5522
5588
|
}
|
|
5523
5589
|
.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)));
|
|
5590
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5591
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5526
5592
|
}
|
|
5527
5593
|
.sv_progress-toc--mobile:hover {
|
|
5528
5594
|
background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
5529
5595
|
}
|
|
5530
5596
|
|
|
5531
5597
|
.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)));
|
|
5598
|
+
padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5599
|
+
padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5534
5600
|
}
|
|
5535
5601
|
|
|
5536
5602
|
.sd-list__item.sd-list__item {
|
|
5537
5603
|
padding: 0;
|
|
5538
5604
|
}
|
|
5539
5605
|
.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));
|
|
5606
|
+
padding-block: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5607
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
5608
|
+
font-size: var(--sjs-font-size, 16px);
|
|
5609
|
+
line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
|
|
5544
5610
|
}
|
|
5545
5611
|
|
|
5546
5612
|
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {
|
|
5547
5613
|
outline: none;
|
|
5548
5614
|
}
|
|
5549
5615
|
.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)));
|
|
5616
|
+
padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5551
5617
|
}
|
|
5552
5618
|
|
|
5553
5619
|
.sd-timer {
|
|
5554
5620
|
z-index: 2;
|
|
5555
5621
|
position: fixed;
|
|
5556
5622
|
bottom: calc(var(--sd-timer-size) / 144 * 32);
|
|
5557
|
-
right:
|
|
5623
|
+
right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5558
5624
|
background: white;
|
|
5559
5625
|
width: var(--sd-timer-size);
|
|
5560
5626
|
height: var(--sd-timer-size);
|
|
@@ -5568,7 +5634,7 @@ svg.sd-action--icon {
|
|
|
5568
5634
|
|
|
5569
5635
|
.sd-timer--top {
|
|
5570
5636
|
top: calc(var(--sd-timer-size) / 144 * 32);
|
|
5571
|
-
margin-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5637
|
+
margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5572
5638
|
margin-bottom: calc(-1 * var(--sd-timer-size));
|
|
5573
5639
|
}
|
|
5574
5640
|
|
|
@@ -5603,7 +5669,7 @@ svg.sd-action--icon {
|
|
|
5603
5669
|
left: 50%;
|
|
5604
5670
|
top: 50%;
|
|
5605
5671
|
transform: translate(-50%, -50%);
|
|
5606
|
-
padding:
|
|
5672
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5607
5673
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
5608
5674
|
font-weight: 700;
|
|
5609
5675
|
font-size: calc(var(--sd-timer-size) / 144 * 32);
|
|
@@ -5618,13 +5684,23 @@ svg.sd-action--icon {
|
|
|
5618
5684
|
.sd-timer__text--minor {
|
|
5619
5685
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
5620
5686
|
font-weight: 600;
|
|
5621
|
-
font-size: calc(0.75 * var(--sjs-font-size, 16px));
|
|
5687
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
5622
5688
|
}
|
|
5623
5689
|
|
|
5624
5690
|
.sv-cover {
|
|
5625
|
-
padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5691
|
+
padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5626
5692
|
box-sizing: border-box;
|
|
5627
5693
|
position: relative;
|
|
5694
|
+
background-color: var(--sjs-cover-backcolor);
|
|
5695
|
+
}
|
|
5696
|
+
|
|
5697
|
+
.sv-conver__overlap {
|
|
5698
|
+
margin-bottom: calc(-13 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5699
|
+
padding-bottom: calc(13 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5700
|
+
}
|
|
5701
|
+
|
|
5702
|
+
.sv-conver__overlap.sv-conver__without-background {
|
|
5703
|
+
margin-bottom: 0;
|
|
5628
5704
|
}
|
|
5629
5705
|
|
|
5630
5706
|
.sv-conver__without-background {
|
|
@@ -5641,7 +5717,7 @@ svg.sd-action--icon {
|
|
|
5641
5717
|
}
|
|
5642
5718
|
|
|
5643
5719
|
.sv-conver__content--static {
|
|
5644
|
-
max-width: calc(80 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5720
|
+
max-width: calc(80 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5645
5721
|
margin-left: auto;
|
|
5646
5722
|
margin-right: auto;
|
|
5647
5723
|
}
|
|
@@ -5672,18 +5748,24 @@ svg.sd-action--icon {
|
|
|
5672
5748
|
width: max-content;
|
|
5673
5749
|
top: 0;
|
|
5674
5750
|
bottom: 0;
|
|
5751
|
+
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5675
5752
|
}
|
|
5676
5753
|
|
|
5677
5754
|
.sv-cover__cell--left .sv-cover__cell-content {
|
|
5678
5755
|
left: 0;
|
|
5679
5756
|
}
|
|
5680
5757
|
|
|
5758
|
+
.sv-cover__cell--center .sv-cover__cell-content {
|
|
5759
|
+
min-width: 100%;
|
|
5760
|
+
}
|
|
5761
|
+
|
|
5681
5762
|
.sv-cover__cell--right .sv-cover__cell-content {
|
|
5682
5763
|
right: 0;
|
|
5683
5764
|
}
|
|
5684
5765
|
|
|
5685
5766
|
.sv-cover__logo {
|
|
5686
5767
|
display: flex;
|
|
5768
|
+
margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5687
5769
|
}
|
|
5688
5770
|
|
|
5689
5771
|
.sv-cover__title {
|
|
@@ -5691,11 +5773,13 @@ svg.sd-action--icon {
|
|
|
5691
5773
|
}
|
|
5692
5774
|
|
|
5693
5775
|
.sv-cover__title .sd-title {
|
|
5694
|
-
|
|
5776
|
+
--cover-title-font-size: var(--sjs-font-surveytitle-size, calc(2 * (var(--sjs-font-size, 16px))));
|
|
5777
|
+
font-size: var(--cover-title-font-size);
|
|
5778
|
+
line-height: calc(1.25 * (var(--cover-title-font-size)));
|
|
5779
|
+
margin: 0;
|
|
5780
|
+
color: var(--sjs-cover-title-forecolor, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
5695
5781
|
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
5782
|
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
5783
|
}
|
|
5700
5784
|
|
|
5701
5785
|
.sv-cover__description {
|
|
@@ -5703,7 +5787,12 @@ svg.sd-action--icon {
|
|
|
5703
5787
|
}
|
|
5704
5788
|
|
|
5705
5789
|
.sv-cover__description .sd-description {
|
|
5706
|
-
|
|
5790
|
+
margin: 0;
|
|
5791
|
+
color: var(--sjs-cover-description-forecolor, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
5792
|
+
}
|
|
5793
|
+
|
|
5794
|
+
.sv-conver__content .sd-header__text h3 {
|
|
5795
|
+
margin: 0;
|
|
5707
5796
|
}
|
|
5708
5797
|
|
|
5709
5798
|
@keyframes rotationAnimation {
|
|
@@ -5715,11 +5804,11 @@ svg.sd-action--icon {
|
|
|
5715
5804
|
}
|
|
5716
5805
|
}
|
|
5717
5806
|
.sd-loading-indicator {
|
|
5718
|
-
height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5807
|
+
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5719
5808
|
}
|
|
5720
5809
|
.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)));
|
|
5810
|
+
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5811
|
+
width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5723
5812
|
animation-name: rotationAnimation;
|
|
5724
5813
|
animation-timing-function: linear;
|
|
5725
5814
|
animation-iteration-count: infinite;
|
|
@@ -5746,6 +5835,10 @@ sv-components-container,
|
|
|
5746
5835
|
flex-grow: 1;
|
|
5747
5836
|
}
|
|
5748
5837
|
|
|
5838
|
+
.sv-components-row > .sv-components-column--expandable {
|
|
5839
|
+
width: 1px;
|
|
5840
|
+
}
|
|
5841
|
+
|
|
5749
5842
|
.sjs_sp_container {
|
|
5750
5843
|
position: relative;
|
|
5751
5844
|
}
|
|
@@ -5808,7 +5901,7 @@ sv-components-container,
|
|
|
5808
5901
|
width: auto;
|
|
5809
5902
|
}
|
|
5810
5903
|
.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)));
|
|
5904
|
+
left: calc(-2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5812
5905
|
}
|
|
5813
5906
|
.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title {
|
|
5814
5907
|
flex-direction: column;
|
|
@@ -5828,12 +5921,12 @@ sv-components-container,
|
|
|
5828
5921
|
align-items: flex-start;
|
|
5829
5922
|
}
|
|
5830
5923
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {
|
|
5831
|
-
margin-left:
|
|
5924
|
+
margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5832
5925
|
text-align: left;
|
|
5833
5926
|
}
|
|
5834
5927
|
.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:
|
|
5928
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5929
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5837
5930
|
}
|
|
5838
5931
|
.sd-root-modern.sd-root-modern--mobile .sd-table thead {
|
|
5839
5932
|
display: none;
|
|
@@ -5842,10 +5935,10 @@ sv-components-container,
|
|
|
5842
5935
|
display: block;
|
|
5843
5936
|
}
|
|
5844
5937
|
.sd-root-modern.sd-root-modern--mobile .sd-matrix__table tr + tr {
|
|
5845
|
-
margin-top:
|
|
5938
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5846
5939
|
}
|
|
5847
5940
|
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr {
|
|
5848
|
-
padding-bottom:
|
|
5941
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5849
5942
|
}
|
|
5850
5943
|
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr::after {
|
|
5851
5944
|
z-index: 12;
|
|
@@ -5854,8 +5947,8 @@ sv-components-container,
|
|
|
5854
5947
|
position: relative;
|
|
5855
5948
|
height: 1px;
|
|
5856
5949
|
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)));
|
|
5950
|
+
left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5951
|
+
bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5859
5952
|
width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5860
5953
|
z-index: 12;
|
|
5861
5954
|
}
|
|
@@ -5869,15 +5962,15 @@ sv-components-container,
|
|
|
5869
5962
|
text-align: left;
|
|
5870
5963
|
}
|
|
5871
5964
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell {
|
|
5872
|
-
margin-top:
|
|
5965
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5873
5966
|
}
|
|
5874
5967
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell:first-of-type,
|
|
5875
5968
|
.sd-root-modern.sd-root-modern--mobile .sd-matrix__cell {
|
|
5876
5969
|
margin-top: 0;
|
|
5877
5970
|
}
|
|
5878
5971
|
.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:
|
|
5972
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5973
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5881
5974
|
content: attr(data-responsive-title);
|
|
5882
5975
|
font-weight: 600;
|
|
5883
5976
|
display: block;
|
|
@@ -5893,13 +5986,13 @@ sv-components-container,
|
|
|
5893
5986
|
width: auto;
|
|
5894
5987
|
}
|
|
5895
5988
|
.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)));
|
|
5989
|
+
margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5897
5990
|
justify-content: flex-end;
|
|
5898
5991
|
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
5899
5992
|
}
|
|
5900
5993
|
.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {
|
|
5901
5994
|
opacity: 1;
|
|
5902
|
-
padding:
|
|
5995
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5903
5996
|
}
|
|
5904
5997
|
.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
|
|
5905
5998
|
display: none;
|
|
@@ -5908,18 +6001,18 @@ sv-components-container,
|
|
|
5908
6001
|
content: attr(title);
|
|
5909
6002
|
}
|
|
5910
6003
|
.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)));
|
|
6004
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
6005
|
+
margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5913
6006
|
}
|
|
5914
6007
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {
|
|
5915
6008
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
5916
|
-
padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
6009
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5917
6010
|
}
|
|
5918
6011
|
.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)));
|
|
6012
|
+
padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5920
6013
|
}
|
|
5921
6014
|
.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)));
|
|
6015
|
+
bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5923
6016
|
}
|
|
5924
6017
|
.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:last-child:after {
|
|
5925
6018
|
content: none;
|
|
@@ -5931,11 +6024,11 @@ sv-components-container,
|
|
|
5931
6024
|
margin-top: 0;
|
|
5932
6025
|
}
|
|
5933
6026
|
.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)));
|
|
6027
|
+
margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6028
|
+
margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5936
6029
|
}
|
|
5937
6030
|
.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)));
|
|
6031
|
+
margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5939
6032
|
}
|
|
5940
6033
|
.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {
|
|
5941
6034
|
margin-left: 0;
|
|
@@ -5947,20 +6040,20 @@ sv-components-container,
|
|
|
5947
6040
|
}
|
|
5948
6041
|
.sd-multipletext--mobile .sd-multipletext__cell:not(:first-of-type) {
|
|
5949
6042
|
padding-left: 0;
|
|
5950
|
-
padding-top:
|
|
6043
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5951
6044
|
}
|
|
5952
6045
|
.sd-multipletext--mobile .sd-multipletext__cell :not(:last-of-type) {
|
|
5953
|
-
padding-bottom:
|
|
6046
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5954
6047
|
}
|
|
5955
6048
|
.sd-multipletext--mobile .sd-multipletext__item-container {
|
|
5956
|
-
padding-top:
|
|
5957
|
-
padding-bottom:
|
|
6049
|
+
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
6050
|
+
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5958
6051
|
}
|
|
5959
6052
|
.sd-multipletext--mobile .sd-multipletext__item-title {
|
|
5960
6053
|
max-width: none;
|
|
5961
6054
|
border-right: none;
|
|
5962
6055
|
width: 100%;
|
|
5963
|
-
padding:
|
|
6056
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
|
|
5964
6057
|
margin: 0;
|
|
5965
6058
|
}
|
|
5966
6059
|
.sd-multipletext--mobile .sd-multipletext__item {
|
|
@@ -5980,8 +6073,8 @@ sv-components-container,
|
|
|
5980
6073
|
}
|
|
5981
6074
|
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title span,
|
|
5982
6075
|
.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:
|
|
6076
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
6077
|
+
line-height: var(--sjs-font-size, 16px);
|
|
5985
6078
|
}
|
|
5986
6079
|
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item,
|
|
5987
6080
|
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item {
|
|
@@ -6069,6 +6162,22 @@ body {
|
|
|
6069
6162
|
--sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
6070
6163
|
}
|
|
6071
6164
|
|
|
6165
|
+
.sd-root-modern__wrapper {
|
|
6166
|
+
position: relative;
|
|
6167
|
+
min-height: 100%;
|
|
6168
|
+
}
|
|
6169
|
+
|
|
6170
|
+
.sd-root-modern--full-container .sd-root-modern__wrapper--fixed {
|
|
6171
|
+
position: static;
|
|
6172
|
+
width: 100%;
|
|
6173
|
+
height: 100%;
|
|
6174
|
+
}
|
|
6175
|
+
.sd-root-modern--full-container .sd-root-modern__wrapper--fixed form {
|
|
6176
|
+
overflow: auto;
|
|
6177
|
+
width: 100%;
|
|
6178
|
+
max-height: 100%;
|
|
6179
|
+
}
|
|
6180
|
+
|
|
6072
6181
|
.sv-popup .sv-popup__scrolling-content {
|
|
6073
6182
|
scrollbar-width: thin;
|
|
6074
6183
|
scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;
|
|
@@ -6097,7 +6206,7 @@ body {
|
|
|
6097
6206
|
}
|
|
6098
6207
|
.sv-popup.sv-popup--dropdown.sv-popup--dropdown .sv-popup__body-content {
|
|
6099
6208
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
6100
|
-
padding:
|
|
6209
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
|
|
6101
6210
|
height: 100%;
|
|
6102
6211
|
}
|
|
6103
6212
|
|