Add over background button variant
This commit is contained in:
parent
c7687b6400
commit
96992ed1bb
|
@ -267,6 +267,10 @@
|
||||||
{
|
{
|
||||||
"label": "Warning",
|
"label": "Warning",
|
||||||
"value": "warning"
|
"value": "warning"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Over Background",
|
||||||
|
"value": "overBackground"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"defaultValue": "primary"
|
"defaultValue": "primary"
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<script>
|
<script>
|
||||||
import { getContext } from "svelte"
|
import { getContext } from "svelte"
|
||||||
|
import "@spectrum-css/button/dist/index-vars.css"
|
||||||
|
|
||||||
const { styleable } = getContext("sdk")
|
const { styleable } = getContext("sdk")
|
||||||
const component = getContext("component")
|
const component = getContext("component")
|
||||||
|
@ -27,4 +28,7 @@
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
width: -moz-fit-content;
|
width: -moz-fit-content;
|
||||||
}
|
}
|
||||||
|
.spectrum-Button--overBackground:hover {
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue