Browse Source

Add over background button variant

gh-pages
Andrew Kingston 5 years ago
parent
commit
b5348dd9e2
  1. 4
      packages/standard-components/manifest.json
  2. 4
      packages/standard-components/src/Button.svelte

4
packages/standard-components/manifest.json

@ -267,6 +267,10 @@
{ {
"label": "Warning", "label": "Warning",
"value": "warning" "value": "warning"
},
{
"label": "Over Background",
"value": "overBackground"
} }
], ],
"defaultValue": "primary" "defaultValue": "primary"

4
packages/standard-components/src/Button.svelte

@ -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…
Cancel
Save