accomadesc 0.1.20 → 0.1.21
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/dist/basic/Button.svelte
CHANGED
|
@@ -81,11 +81,11 @@
|
|
|
81
81
|
|
|
82
82
|
let shadowColor = $derived.by(() => {
|
|
83
83
|
if (focussed) {
|
|
84
|
-
return 'var(--focussed-border-color
|
|
84
|
+
return 'var(--focussed-border-color)';
|
|
85
85
|
} else if (!enabled) {
|
|
86
|
-
return 'var(--disabled-border-color
|
|
86
|
+
return 'var(--disabled-border-color)';
|
|
87
87
|
} else {
|
|
88
|
-
return 'var(--border-color
|
|
88
|
+
return 'var(--border-color)';
|
|
89
89
|
}
|
|
90
90
|
});
|
|
91
91
|
|
|
@@ -178,8 +178,8 @@
|
|
|
178
178
|
border: {borderWidth}rem solid {borderColor};
|
|
179
179
|
box-shadow:
|
|
180
180
|
{inset}
|
|
181
|
-
0 0 {outerShadowWidth}rem rgba({shadowColor}
|
|
182
|
-
0 0 {innerShadowWidth}rem rgba({shadowColor}
|
|
181
|
+
0 0 {outerShadowWidth}rem rgba(from {shadowColor} r g b / 0.5),
|
|
182
|
+
0 0 {innerShadowWidth}rem rgba(from {shadowColor} r g b / 0.4)
|
|
183
183
|
;
|
|
184
184
|
font-size: {fontSize};
|
|
185
185
|
"
|
|
@@ -230,8 +230,8 @@
|
|
|
230
230
|
border: 0 solid rgba(0,0,0,0);
|
|
231
231
|
box-shadow:
|
|
232
232
|
{inset}
|
|
233
|
-
0 0 {outerShadowWidth}rem rgba({shadowColor}
|
|
234
|
-
0 0 {innerShadowWidth}rem rgba({shadowColor}
|
|
233
|
+
0 0 {outerShadowWidth}rem rgba(from {shadowColor} r g b / 0.5),
|
|
234
|
+
0 0 {innerShadowWidth}rem rgba(from {shadowColor} r g b / 0.4)
|
|
235
235
|
;
|
|
236
236
|
"
|
|
237
237
|
class="button"
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
<span>{typeLabels['three']}</span>
|
|
356
356
|
<div
|
|
357
357
|
class="legend-entry-marker"
|
|
358
|
-
style="background-color:
|
|
358
|
+
style="background-color: rgba(from var(--occupation-type-3-bg-color) r g b / 0.2);"
|
|
359
359
|
>
|
|
360
360
|
|
|
361
361
|
</div>
|
|
@@ -536,9 +536,9 @@
|
|
|
536
536
|
right: 0;
|
|
537
537
|
bottom: 0;
|
|
538
538
|
|
|
539
|
-
background-color:
|
|
539
|
+
background-color: rgba(from var(--occupation-type-3-bg-color) r g b / 0.1);
|
|
540
540
|
color: var(--occupation-type-3-bg-color);
|
|
541
|
-
border: 1px solid
|
|
541
|
+
border: 1px solid rgba(from var(--occupation-type-3-font-color) r g b / 0.1);
|
|
542
542
|
}
|
|
543
543
|
.request-button:hover {
|
|
544
544
|
background-color: var(--occupation-type-3-font-color);
|