@medyll/idae-slotui-svelte 0.121.0 → 0.122.1

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.
Files changed (107) hide show
  1. package/dist/index.d.ts +64 -64
  2. package/dist/index.js +64 -64
  3. package/dist/slotui-css/alert.css +95 -95
  4. package/dist/slotui-css/alert.min.css +95 -95
  5. package/dist/slotui-css/auto-complete.css +11 -11
  6. package/dist/slotui-css/auto-complete.min.css +11 -11
  7. package/dist/slotui-css/avatar.css +12 -12
  8. package/dist/slotui-css/avatar.min.css +12 -12
  9. package/dist/slotui-css/backdrop.css +31 -31
  10. package/dist/slotui-css/backdrop.min.css +31 -31
  11. package/dist/slotui-css/badge.css +15 -15
  12. package/dist/slotui-css/badge.min.css +15 -15
  13. package/dist/slotui-css/boot-menu.css +76 -76
  14. package/dist/slotui-css/boot-menu.min.css +76 -76
  15. package/dist/slotui-css/box.css +28 -28
  16. package/dist/slotui-css/box.min.css +28 -28
  17. package/dist/slotui-css/breadcrumb.css +2 -2
  18. package/dist/slotui-css/breadcrumb.min.css +2 -2
  19. package/dist/slotui-css/button-action.css +7 -7
  20. package/dist/slotui-css/button-action.min.css +7 -7
  21. package/dist/slotui-css/button-menu.css +30 -30
  22. package/dist/slotui-css/button-menu.min.css +30 -30
  23. package/dist/slotui-css/button.css +760 -760
  24. package/dist/slotui-css/button.min.css +760 -760
  25. package/dist/slotui-css/cartouche.css +113 -113
  26. package/dist/slotui-css/cartouche.min.css +113 -113
  27. package/dist/slotui-css/checkbox.css +126 -126
  28. package/dist/slotui-css/checkbox.min.css +126 -126
  29. package/dist/slotui-css/chipper.css +55 -55
  30. package/dist/slotui-css/chipper.min.css +55 -55
  31. package/dist/slotui-css/chrome-frame.css +33 -33
  32. package/dist/slotui-css/chrome-frame.min.css +33 -33
  33. package/dist/slotui-css/confirm.css +8 -8
  34. package/dist/slotui-css/confirm.min.css +8 -8
  35. package/dist/slotui-css/containerConfig.css +6 -6
  36. package/dist/slotui-css/containerConfig.min.css +6 -6
  37. package/dist/slotui-css/content-switcher.css +20 -20
  38. package/dist/slotui-css/content-switcher.min.css +20 -20
  39. package/dist/slotui-css/csss.css +9 -9
  40. package/dist/slotui-css/csss.min.css +9 -9
  41. package/dist/slotui-css/datalist.css +135 -135
  42. package/dist/slotui-css/datalist.min.css +135 -135
  43. package/dist/slotui-css/divider.css +15 -15
  44. package/dist/slotui-css/divider.min.css +15 -15
  45. package/dist/slotui-css/drawer.css +87 -87
  46. package/dist/slotui-css/drawer.min.css +87 -87
  47. package/dist/slotui-css/finder.css +73 -73
  48. package/dist/slotui-css/finder.min.css +73 -73
  49. package/dist/slotui-css/frame.css +48 -48
  50. package/dist/slotui-css/frame.min.css +48 -48
  51. package/dist/slotui-css/icon.css +15 -15
  52. package/dist/slotui-css/icon.min.css +15 -15
  53. package/dist/slotui-css/loader.css +45 -45
  54. package/dist/slotui-css/loader.min.css +45 -45
  55. package/dist/slotui-css/marquee.css +57 -57
  56. package/dist/slotui-css/marquee.min.css +57 -57
  57. package/dist/slotui-css/menu-list.css +216 -216
  58. package/dist/slotui-css/menu-list.min.css +216 -216
  59. package/dist/slotui-css/menu.css +95 -95
  60. package/dist/slotui-css/menu.min.css +95 -95
  61. package/dist/slotui-css/panel.css +24 -24
  62. package/dist/slotui-css/panel.min.css +24 -24
  63. package/dist/slotui-css/paper.css +20 -20
  64. package/dist/slotui-css/paper.min.css +20 -20
  65. package/dist/slotui-css/popper.css +84 -84
  66. package/dist/slotui-css/popper.min.css +84 -84
  67. package/dist/slotui-css/progress.css +19 -19
  68. package/dist/slotui-css/progress.min.css +19 -19
  69. package/dist/slotui-css/rating.css +8 -8
  70. package/dist/slotui-css/rating.min.css +8 -8
  71. package/dist/slotui-css/select.css +10 -10
  72. package/dist/slotui-css/select.min.css +10 -10
  73. package/dist/slotui-css/sheetConfig.css +6 -6
  74. package/dist/slotui-css/sheetConfig.min.css +6 -6
  75. package/dist/slotui-css/slider.css +73 -73
  76. package/dist/slotui-css/slider.min.css +73 -73
  77. package/dist/slotui-css/slotui-css.css +4574 -4574
  78. package/dist/slotui-css/slotui-min-css.css +4574 -4574
  79. package/dist/slotui-css/slotui-sheet.css +294 -294
  80. package/dist/slotui-css/slotui-sheet.min.css +294 -294
  81. package/dist/slotui-css/sorterer.css +10 -10
  82. package/dist/slotui-css/sorterer.min.css +10 -10
  83. package/dist/slotui-css/stepper.css +19 -19
  84. package/dist/slotui-css/stepper.min.css +19 -19
  85. package/dist/slotui-css/stylesheet-container.css +373 -373
  86. package/dist/slotui-css/stylesheet-container.min.css +373 -373
  87. package/dist/slotui-css/stylesheet.css +370 -370
  88. package/dist/slotui-css/stylesheet.min.css +370 -370
  89. package/dist/slotui-css/switch.css +62 -62
  90. package/dist/slotui-css/switch.min.css +62 -62
  91. package/dist/slotui-css/tabs.css +84 -84
  92. package/dist/slotui-css/tabs.min.css +84 -84
  93. package/dist/slotui-css/taskbar.css +24 -24
  94. package/dist/slotui-css/taskbar.min.css +24 -24
  95. package/dist/slotui-css/textfield.css +127 -127
  96. package/dist/slotui-css/textfield.min.css +127 -127
  97. package/dist/slotui-css/title-bar.css +27 -27
  98. package/dist/slotui-css/title-bar.min.css +27 -27
  99. package/dist/slotui-css/toggle-bar.css +40 -40
  100. package/dist/slotui-css/toggle-bar.min.css +40 -40
  101. package/dist/slotui-css/toolbar.css +27 -27
  102. package/dist/slotui-css/toolbar.min.css +27 -27
  103. package/dist/slotui-css/tree.css +49 -49
  104. package/dist/slotui-css/tree.min.css +49 -49
  105. package/dist/slotui-css/window.css +59 -59
  106. package/dist/slotui-css/window.min.css +59 -59
  107. package/package.json +4 -4
@@ -1,96 +1,96 @@
1
- :root {
2
- --alert-radius: var(--sld-radius-small);
3
- --alert-color-border: var(--sld-color-border);
4
- --alert-color-background: var(--sld-color-background);
5
- --alert-elevation: var(--sld-elevation-4);
6
- --alert-pad: var(--sld-pad-small);
7
- --alert-gap: var(--sld-gap-small);
8
- }
9
-
10
- dialog.alert {
11
- position: relative;
12
- min-width: 350px;
13
- display: inline-block;
14
- border-radius: var(--alert-radius);
15
- border: 1px solid var(--alert-color-border);
16
- background-color: var(--alert-color-background);
17
- box-shadow: var(--alert-elevation);
18
- overflow: hidden;
19
- padding: 0;
20
- }
21
- dialog.alert[open=true] {
22
- display: none;
23
- }
24
- dialog.alert article.dialog-content {
25
- padding: var(--alert-pad);
26
- border-bottom: 4px solid var(--alert-color-border);
27
- }
28
- dialog.alert article.dialog-content header.header-bar {
29
- display: flex;
30
- align-items: center;
31
- padding: var(--alert-pad-small);
32
- gap: var(--alert-gap-small, 1rem);
33
- }
34
- dialog.alert article.dialog-content header.header-bar .dot {
35
- display: inline-block;
36
- border: 1px solid var(--alert-color-border);
37
- border-radius: var(--alert-radius);
38
- height: 16px;
39
- width: 4px;
40
- transform: translate(-50%, 0);
41
- }
42
- dialog.alert article.dialog-content header.header-bar .title {
43
- flex: 1;
44
- display: flex;
45
- align-items: center;
46
- }
47
- dialog.alert article.dialog-content header.header-bar [data-close] {
48
- border-radius: var(--alert-radius);
49
- margin: 0.25rem;
50
- padding: 0.25rem;
51
- }
52
- dialog.alert article.dialog-content footer.dialog-footer {
53
- display: flex;
54
- justify-content: flex-end;
55
- padding: var(--alert-pad);
56
- border-top: 1px solid var(--alert-color-border);
57
- }
58
- dialog.alert article.dialog-content footer.dialog-footer button {
59
- margin-left: 1rem;
60
- }
61
-
62
- .bg-themed-scheme-discrete {
63
- color: black;
64
- text-shadow: 0 0 0.125rem #b3b3b3;
65
- background-color: #ccc;
66
- }
67
-
68
- .bg-themed-scheme-success {
69
- color: white;
70
- text-shadow: 0 0 0.125rem #004d00;
71
- background-color: green;
72
- }
73
-
74
- .bg-themed-scheme-info {
75
- color: black;
76
- text-shadow: 0 0 0.125rem #ffd324;
77
- background-color: #ffdd57;
78
- }
79
-
80
- .bg-themed-scheme-warning {
81
- color: black;
82
- text-shadow: 0 0 0.125rem #b49104;
83
- background-color: #e6b905;
84
- }
85
-
86
- .bg-themed-scheme-alert {
87
- color: black;
88
- text-shadow: 0 0 0.125rem #cc5c00;
89
- background-color: #ff7300;
90
- }
91
-
92
- .bg-themed-scheme-error {
93
- color: white;
94
- text-shadow: 0 0 0.125rem #cc0000;
95
- background-color: red;
1
+ :root {
2
+ --alert-radius: var(--sld-radius-small);
3
+ --alert-color-border: var(--sld-color-border);
4
+ --alert-color-background: var(--sld-color-background);
5
+ --alert-elevation: var(--sld-elevation-4);
6
+ --alert-pad: var(--sld-pad-small);
7
+ --alert-gap: var(--sld-gap-small);
8
+ }
9
+
10
+ dialog.alert {
11
+ position: relative;
12
+ min-width: 350px;
13
+ display: inline-block;
14
+ border-radius: var(--alert-radius);
15
+ border: 1px solid var(--alert-color-border);
16
+ background-color: var(--alert-color-background);
17
+ box-shadow: var(--alert-elevation);
18
+ overflow: hidden;
19
+ padding: 0;
20
+ }
21
+ dialog.alert[open=true] {
22
+ display: none;
23
+ }
24
+ dialog.alert article.dialog-content {
25
+ padding: var(--alert-pad);
26
+ border-bottom: 4px solid var(--alert-color-border);
27
+ }
28
+ dialog.alert article.dialog-content header.header-bar {
29
+ display: flex;
30
+ align-items: center;
31
+ padding: var(--alert-pad-small);
32
+ gap: var(--alert-gap-small, 1rem);
33
+ }
34
+ dialog.alert article.dialog-content header.header-bar .dot {
35
+ display: inline-block;
36
+ border: 1px solid var(--alert-color-border);
37
+ border-radius: var(--alert-radius);
38
+ height: 16px;
39
+ width: 4px;
40
+ transform: translate(-50%, 0);
41
+ }
42
+ dialog.alert article.dialog-content header.header-bar .title {
43
+ flex: 1;
44
+ display: flex;
45
+ align-items: center;
46
+ }
47
+ dialog.alert article.dialog-content header.header-bar [data-close] {
48
+ border-radius: var(--alert-radius);
49
+ margin: 0.25rem;
50
+ padding: 0.25rem;
51
+ }
52
+ dialog.alert article.dialog-content footer.dialog-footer {
53
+ display: flex;
54
+ justify-content: flex-end;
55
+ padding: var(--alert-pad);
56
+ border-top: 1px solid var(--alert-color-border);
57
+ }
58
+ dialog.alert article.dialog-content footer.dialog-footer button {
59
+ margin-left: 1rem;
60
+ }
61
+
62
+ .bg-themed-scheme-discrete {
63
+ color: black;
64
+ text-shadow: 0 0 0.125rem #b3b3b3;
65
+ background-color: #ccc;
66
+ }
67
+
68
+ .bg-themed-scheme-success {
69
+ color: white;
70
+ text-shadow: 0 0 0.125rem #004d00;
71
+ background-color: green;
72
+ }
73
+
74
+ .bg-themed-scheme-info {
75
+ color: black;
76
+ text-shadow: 0 0 0.125rem #ffd324;
77
+ background-color: #ffdd57;
78
+ }
79
+
80
+ .bg-themed-scheme-warning {
81
+ color: black;
82
+ text-shadow: 0 0 0.125rem #b49104;
83
+ background-color: #e6b905;
84
+ }
85
+
86
+ .bg-themed-scheme-alert {
87
+ color: black;
88
+ text-shadow: 0 0 0.125rem #cc5c00;
89
+ background-color: #ff7300;
90
+ }
91
+
92
+ .bg-themed-scheme-error {
93
+ color: white;
94
+ text-shadow: 0 0 0.125rem #cc0000;
95
+ background-color: red;
96
96
  }
@@ -1,96 +1,96 @@
1
- :root {
2
- --alert-radius: var(--sld-radius-small);
3
- --alert-color-border: var(--sld-color-border);
4
- --alert-color-background: var(--sld-color-background);
5
- --alert-elevation: var(--sld-elevation-4);
6
- --alert-pad: var(--sld-pad-small);
7
- --alert-gap: var(--sld-gap-small);
8
- }
9
-
10
- dialog.alert {
11
- position: relative;
12
- min-width: 350px;
13
- display: inline-block;
14
- border-radius: var(--alert-radius);
15
- border: 1px solid var(--alert-color-border);
16
- background-color: var(--alert-color-background);
17
- box-shadow: var(--alert-elevation);
18
- overflow: hidden;
19
- padding: 0;
20
- }
21
- dialog.alert[open=true] {
22
- display: none;
23
- }
24
- dialog.alert article.dialog-content {
25
- padding: var(--alert-pad);
26
- border-bottom: 4px solid var(--alert-color-border);
27
- }
28
- dialog.alert article.dialog-content header.header-bar {
29
- display: flex;
30
- align-items: center;
31
- padding: var(--alert-pad-small);
32
- gap: var(--alert-gap-small, 1rem);
33
- }
34
- dialog.alert article.dialog-content header.header-bar .dot {
35
- display: inline-block;
36
- border: 1px solid var(--alert-color-border);
37
- border-radius: var(--alert-radius);
38
- height: 16px;
39
- width: 4px;
40
- transform: translate(-50%, 0);
41
- }
42
- dialog.alert article.dialog-content header.header-bar .title {
43
- flex: 1;
44
- display: flex;
45
- align-items: center;
46
- }
47
- dialog.alert article.dialog-content header.header-bar [data-close] {
48
- border-radius: var(--alert-radius);
49
- margin: 0.25rem;
50
- padding: 0.25rem;
51
- }
52
- dialog.alert article.dialog-content footer.dialog-footer {
53
- display: flex;
54
- justify-content: flex-end;
55
- padding: var(--alert-pad);
56
- border-top: 1px solid var(--alert-color-border);
57
- }
58
- dialog.alert article.dialog-content footer.dialog-footer button {
59
- margin-left: 1rem;
60
- }
61
-
62
- .bg-themed-scheme-discrete {
63
- color: black;
64
- text-shadow: 0 0 0.125rem #b3b3b3;
65
- background-color: #ccc;
66
- }
67
-
68
- .bg-themed-scheme-success {
69
- color: white;
70
- text-shadow: 0 0 0.125rem #004d00;
71
- background-color: green;
72
- }
73
-
74
- .bg-themed-scheme-info {
75
- color: black;
76
- text-shadow: 0 0 0.125rem #ffd324;
77
- background-color: #ffdd57;
78
- }
79
-
80
- .bg-themed-scheme-warning {
81
- color: black;
82
- text-shadow: 0 0 0.125rem #b49104;
83
- background-color: #e6b905;
84
- }
85
-
86
- .bg-themed-scheme-alert {
87
- color: black;
88
- text-shadow: 0 0 0.125rem #cc5c00;
89
- background-color: #ff7300;
90
- }
91
-
92
- .bg-themed-scheme-error {
93
- color: white;
94
- text-shadow: 0 0 0.125rem #cc0000;
95
- background-color: red;
1
+ :root {
2
+ --alert-radius: var(--sld-radius-small);
3
+ --alert-color-border: var(--sld-color-border);
4
+ --alert-color-background: var(--sld-color-background);
5
+ --alert-elevation: var(--sld-elevation-4);
6
+ --alert-pad: var(--sld-pad-small);
7
+ --alert-gap: var(--sld-gap-small);
8
+ }
9
+
10
+ dialog.alert {
11
+ position: relative;
12
+ min-width: 350px;
13
+ display: inline-block;
14
+ border-radius: var(--alert-radius);
15
+ border: 1px solid var(--alert-color-border);
16
+ background-color: var(--alert-color-background);
17
+ box-shadow: var(--alert-elevation);
18
+ overflow: hidden;
19
+ padding: 0;
20
+ }
21
+ dialog.alert[open=true] {
22
+ display: none;
23
+ }
24
+ dialog.alert article.dialog-content {
25
+ padding: var(--alert-pad);
26
+ border-bottom: 4px solid var(--alert-color-border);
27
+ }
28
+ dialog.alert article.dialog-content header.header-bar {
29
+ display: flex;
30
+ align-items: center;
31
+ padding: var(--alert-pad-small);
32
+ gap: var(--alert-gap-small, 1rem);
33
+ }
34
+ dialog.alert article.dialog-content header.header-bar .dot {
35
+ display: inline-block;
36
+ border: 1px solid var(--alert-color-border);
37
+ border-radius: var(--alert-radius);
38
+ height: 16px;
39
+ width: 4px;
40
+ transform: translate(-50%, 0);
41
+ }
42
+ dialog.alert article.dialog-content header.header-bar .title {
43
+ flex: 1;
44
+ display: flex;
45
+ align-items: center;
46
+ }
47
+ dialog.alert article.dialog-content header.header-bar [data-close] {
48
+ border-radius: var(--alert-radius);
49
+ margin: 0.25rem;
50
+ padding: 0.25rem;
51
+ }
52
+ dialog.alert article.dialog-content footer.dialog-footer {
53
+ display: flex;
54
+ justify-content: flex-end;
55
+ padding: var(--alert-pad);
56
+ border-top: 1px solid var(--alert-color-border);
57
+ }
58
+ dialog.alert article.dialog-content footer.dialog-footer button {
59
+ margin-left: 1rem;
60
+ }
61
+
62
+ .bg-themed-scheme-discrete {
63
+ color: black;
64
+ text-shadow: 0 0 0.125rem #b3b3b3;
65
+ background-color: #ccc;
66
+ }
67
+
68
+ .bg-themed-scheme-success {
69
+ color: white;
70
+ text-shadow: 0 0 0.125rem #004d00;
71
+ background-color: green;
72
+ }
73
+
74
+ .bg-themed-scheme-info {
75
+ color: black;
76
+ text-shadow: 0 0 0.125rem #ffd324;
77
+ background-color: #ffdd57;
78
+ }
79
+
80
+ .bg-themed-scheme-warning {
81
+ color: black;
82
+ text-shadow: 0 0 0.125rem #b49104;
83
+ background-color: #e6b905;
84
+ }
85
+
86
+ .bg-themed-scheme-alert {
87
+ color: black;
88
+ text-shadow: 0 0 0.125rem #cc5c00;
89
+ background-color: #ff7300;
90
+ }
91
+
92
+ .bg-themed-scheme-error {
93
+ color: white;
94
+ text-shadow: 0 0 0.125rem #cc0000;
95
+ background-color: red;
96
96
  }
@@ -1,12 +1,12 @@
1
- :root {
2
- --auto-complete-pad: var(--sld-pad-medium);
3
- --auto-complete-gap: var(--sld-gap-small);
4
- }
5
-
6
- .auto-complete-no-results, .auto-complete-boot {
7
- padding: var(--auto-complete-pad);
8
- gap: var(--auto-complete-gap);
9
- display: flex;
10
- flex-direction: row;
11
- align-items: center;
1
+ :root {
2
+ --auto-complete-pad: var(--sld-pad-medium);
3
+ --auto-complete-gap: var(--sld-gap-small);
4
+ }
5
+
6
+ .auto-complete-no-results, .auto-complete-boot {
7
+ padding: var(--auto-complete-pad);
8
+ gap: var(--auto-complete-gap);
9
+ display: flex;
10
+ flex-direction: row;
11
+ align-items: center;
12
12
  }
@@ -1,12 +1,12 @@
1
- :root {
2
- --auto-complete-pad: var(--sld-pad-medium);
3
- --auto-complete-gap: var(--sld-gap-small);
4
- }
5
-
6
- .auto-complete-no-results, .auto-complete-boot {
7
- padding: var(--auto-complete-pad);
8
- gap: var(--auto-complete-gap);
9
- display: flex;
10
- flex-direction: row;
11
- align-items: center;
1
+ :root {
2
+ --auto-complete-pad: var(--sld-pad-medium);
3
+ --auto-complete-gap: var(--sld-gap-small);
4
+ }
5
+
6
+ .auto-complete-no-results, .auto-complete-boot {
7
+ padding: var(--auto-complete-pad);
8
+ gap: var(--auto-complete-gap);
9
+ display: flex;
10
+ flex-direction: row;
11
+ align-items: center;
12
12
  }
@@ -1,13 +1,13 @@
1
- :root {
2
- --avatar-radius: var(--css-radius-small);
3
- --avatar-border-color: var(--sld-color-border);
4
- }
5
-
6
- .avatar {
7
- position: relative;
8
- border-radius: var(--avatar-radius);
9
- border: 1px solid var(--avatar-border-color);
10
- display: grid;
11
- place-items: center;
12
- overflow: hidden;
1
+ :root {
2
+ --avatar-radius: var(--css-radius-small);
3
+ --avatar-border-color: var(--sld-color-border);
4
+ }
5
+
6
+ .avatar {
7
+ position: relative;
8
+ border-radius: var(--avatar-radius);
9
+ border: 1px solid var(--avatar-border-color);
10
+ display: grid;
11
+ place-items: center;
12
+ overflow: hidden;
13
13
  }
@@ -1,13 +1,13 @@
1
- :root {
2
- --avatar-radius: var(--css-radius-small);
3
- --avatar-border-color: var(--sld-color-border);
4
- }
5
-
6
- .avatar {
7
- position: relative;
8
- border-radius: var(--avatar-radius);
9
- border: 1px solid var(--avatar-border-color);
10
- display: grid;
11
- place-items: center;
12
- overflow: hidden;
1
+ :root {
2
+ --avatar-radius: var(--css-radius-small);
3
+ --avatar-border-color: var(--sld-color-border);
4
+ }
5
+
6
+ .avatar {
7
+ position: relative;
8
+ border-radius: var(--avatar-radius);
9
+ border: 1px solid var(--avatar-border-color);
10
+ display: grid;
11
+ place-items: center;
12
+ overflow: hidden;
13
13
  }
@@ -1,32 +1,32 @@
1
- :root {
2
- --backdrop-background-color: var(--sld-color-foreground-alpha-high);
3
- }
4
-
5
- .backdrop {
6
- z-index: 10000;
7
- height: 100%;
8
- width: 100%;
9
- top: 0;
10
- left: 0;
11
- }
12
- .backdrop-content {
13
- z-index: 10001;
14
- position: absolute;
15
- height: 100%;
16
- width: 100%;
17
- background-color: var(--backdrop-background-color);
18
- backdrop-filter: blur(5px);
19
- --moz-backdrop-filter: blur(5px);
20
- display: flex;
21
- align-items: center;
22
- justify-content: center;
23
- }
24
- .backdrop-content-loader {
25
- display: flex;
26
- justify-content: center;
27
- align-content: center;
28
- align-items: center;
29
- }
30
- .backdrop-content-inner {
31
- display: inherit;
1
+ :root {
2
+ --backdrop-background-color: var(--sld-color-foreground-alpha-high);
3
+ }
4
+
5
+ .backdrop {
6
+ z-index: 10000;
7
+ height: 100%;
8
+ width: 100%;
9
+ top: 0;
10
+ left: 0;
11
+ }
12
+ .backdrop-content {
13
+ z-index: 10001;
14
+ position: absolute;
15
+ height: 100%;
16
+ width: 100%;
17
+ background-color: var(--backdrop-background-color);
18
+ backdrop-filter: blur(5px);
19
+ --moz-backdrop-filter: blur(5px);
20
+ display: flex;
21
+ align-items: center;
22
+ justify-content: center;
23
+ }
24
+ .backdrop-content-loader {
25
+ display: flex;
26
+ justify-content: center;
27
+ align-content: center;
28
+ align-items: center;
29
+ }
30
+ .backdrop-content-inner {
31
+ display: inherit;
32
32
  }
@@ -1,32 +1,32 @@
1
- :root {
2
- --backdrop-background-color: var(--sld-color-foreground-alpha-high);
3
- }
4
-
5
- .backdrop {
6
- z-index: 10000;
7
- height: 100%;
8
- width: 100%;
9
- top: 0;
10
- left: 0;
11
- }
12
- .backdrop-content {
13
- z-index: 10001;
14
- position: absolute;
15
- height: 100%;
16
- width: 100%;
17
- background-color: var(--backdrop-background-color);
18
- backdrop-filter: blur(5px);
19
- --moz-backdrop-filter: blur(5px);
20
- display: flex;
21
- align-items: center;
22
- justify-content: center;
23
- }
24
- .backdrop-content-loader {
25
- display: flex;
26
- justify-content: center;
27
- align-content: center;
28
- align-items: center;
29
- }
30
- .backdrop-content-inner {
31
- display: inherit;
1
+ :root {
2
+ --backdrop-background-color: var(--sld-color-foreground-alpha-high);
3
+ }
4
+
5
+ .backdrop {
6
+ z-index: 10000;
7
+ height: 100%;
8
+ width: 100%;
9
+ top: 0;
10
+ left: 0;
11
+ }
12
+ .backdrop-content {
13
+ z-index: 10001;
14
+ position: absolute;
15
+ height: 100%;
16
+ width: 100%;
17
+ background-color: var(--backdrop-background-color);
18
+ backdrop-filter: blur(5px);
19
+ --moz-backdrop-filter: blur(5px);
20
+ display: flex;
21
+ align-items: center;
22
+ justify-content: center;
23
+ }
24
+ .backdrop-content-loader {
25
+ display: flex;
26
+ justify-content: center;
27
+ align-content: center;
28
+ align-items: center;
29
+ }
30
+ .backdrop-content-inner {
31
+ display: inherit;
32
32
  }
@@ -1,16 +1,16 @@
1
- :root {
2
- --badge-color-border: var(--sld-color-border);
3
- }
4
-
5
- .badge {
6
- position: absolute;
7
- border-radius: 50%;
8
- border: 1px solid var(--badge-color-border);
9
- display: grid;
10
- place-items: center;
11
- width: 16px;
12
- height: 16px;
13
- }
14
- .badge .hidden {
15
- transform: scale(0, 0);
1
+ :root {
2
+ --badge-color-border: var(--sld-color-border);
3
+ }
4
+
5
+ .badge {
6
+ position: absolute;
7
+ border-radius: 50%;
8
+ border: 1px solid var(--badge-color-border);
9
+ display: grid;
10
+ place-items: center;
11
+ width: 16px;
12
+ height: 16px;
13
+ }
14
+ .badge .hidden {
15
+ transform: scale(0, 0);
16
16
  }
@@ -1,16 +1,16 @@
1
- :root {
2
- --badge-color-border: var(--sld-color-border);
3
- }
4
-
5
- .badge {
6
- position: absolute;
7
- border-radius: 50%;
8
- border: 1px solid var(--badge-color-border);
9
- display: grid;
10
- place-items: center;
11
- width: 16px;
12
- height: 16px;
13
- }
14
- .badge .hidden {
15
- transform: scale(0, 0);
1
+ :root {
2
+ --badge-color-border: var(--sld-color-border);
3
+ }
4
+
5
+ .badge {
6
+ position: absolute;
7
+ border-radius: 50%;
8
+ border: 1px solid var(--badge-color-border);
9
+ display: grid;
10
+ place-items: center;
11
+ width: 16px;
12
+ height: 16px;
13
+ }
14
+ .badge .hidden {
15
+ transform: scale(0, 0);
16
16
  }