import files controls

This commit is contained in:
Jan Prochazka
2021-03-18 07:57:21 +01:00
parent c823e18699
commit 8f90dad303
8 changed files with 291 additions and 1 deletions

View File

@@ -0,0 +1,30 @@
<script lang="ts">
export let disabled = false;
</script>
<label {...$$props} class:disabled>
<slot />
</label>
<style>
label {
border: 1px solid var(--theme-bg-button-inv-2);
padding: 5px;
margin: 2px;
width: 100px;
background-color: var(--theme-bg-button-inv);
color: var(--theme-font-inv-1);
border-radius: 2px;
}
label:hover:not(.disabled) {
background-color: var(--theme-bg-button-inv-2);
}
label:active:not(.disabled) {
background-color: var(--theme-bg-button-inv-3);
}
label.disabled {
background-color: var(--theme-bg-button-inv-3);
color: var(--theme-font-inv-3);
}
</style>