js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

adjust default button

Browse Source
This commit is contained in:
Cory LaViska
2021-08-27 08:20:07 -04:00
parent 10d95ba8e6
commit 033896dfc2
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/button/button.styles.ts
View File

@@ -77,20 +77,20 @@ export default css`
.button.button--default:hover:not(.button--disabled) {
background-color: rgb(var(--sl-color-primary-50));
border-color: rgb(var(--sl-color-primary-500));
border-color: rgb(var(--sl-color-primary-300));
color: rgb(var(--sl-color-primary-700));
}
.button.button--default${focusVisibleSelector}:not(.button--disabled) {
background-color: rgb(var(--sl-color-primary-50));
border-color: rgb(var(--sl-color-primary-500));
border-color: rgb(var(--sl-color-primary-400));
color: rgb(var(--sl-color-primary-700));
box-shadow: 0 0 0 var(--sl-focus-ring-width) rgb(var(--sl-color-primary-500) / var(--sl-focus-ring-alpha));
}
.button.button--default:active:not(.button--disabled) {
background-color: rgb(var(--sl-color-primary-100));
border-color: rgb(var(--sl-color-primary-500));
border-color: rgb(var(--sl-color-primary-400));
color: rgb(var(--sl-color-primary-700));
}