Commit 8616363c24e6daa80f6651da775ec8510db0f300
1 parent
df739d96
Exists in
master
style: 更新按钮样式
Showing
1 changed file
with
8 additions
and
8 deletions
Show diff stats
packages/button/index.scss
| @@ -7,7 +7,7 @@ $primary-zeyi: #FCD404; | @@ -7,7 +7,7 @@ $primary-zeyi: #FCD404; | ||
| 7 | padding: 0.25rem 1rem; | 7 | padding: 0.25rem 1rem; |
| 8 | font-size: 0.875rem; | 8 | font-size: 0.875rem; |
| 9 | cursor: pointer; | 9 | cursor: pointer; |
| 10 | - transition: background-color 300ms; | 10 | + transition: background-color 70ms; |
| 11 | display: flex; | 11 | display: flex; |
| 12 | align-items: center; | 12 | align-items: center; |
| 13 | justify-content: center; | 13 | justify-content: center; |
| @@ -28,17 +28,17 @@ $primary-zeyi: #FCD404; | @@ -28,17 +28,17 @@ $primary-zeyi: #FCD404; | ||
| 28 | border-color: $primary-zeyi; | 28 | border-color: $primary-zeyi; |
| 29 | color: #FFF; | 29 | color: #FFF; |
| 30 | &:active { | 30 | &:active { |
| 31 | - background-color: #d6ab00; | ||
| 32 | - border-color: #d6ab00; | 31 | + background-color: darken($primary-zeyi, 3%); |
| 32 | + border-color: darken($primary-zeyi, 3%); | ||
| 33 | } | 33 | } |
| 34 | } | 34 | } |
| 35 | &.secondary { | 35 | &.secondary { |
| 36 | - background-color: #ffffe6; | ||
| 37 | - border-color: #ffffe6; | ||
| 38 | color: $primary-zeyi; | 36 | color: $primary-zeyi; |
| 37 | + background-color: rgba($primary-zeyi, 7%); | ||
| 38 | + border-color: rgba($primary-zeyi, 7%); | ||
| 39 | &:active { | 39 | &:active { |
| 40 | - background-color: #f7f7df; | ||
| 41 | - border-color: #f7f7df; | 40 | + background-color: rgba($primary-zeyi, 20%); |
| 41 | + border-color: rgba($primary-zeyi, 20%); | ||
| 42 | } | 42 | } |
| 43 | } | 43 | } |
| 44 | &.link { | 44 | &.link { |
| @@ -47,7 +47,7 @@ $primary-zeyi: #FCD404; | @@ -47,7 +47,7 @@ $primary-zeyi: #FCD404; | ||
| 47 | border: inherit; | 47 | border: inherit; |
| 48 | color: $primary-zeyi; | 48 | color: $primary-zeyi; |
| 49 | &:active { | 49 | &:active { |
| 50 | - color: #d6ab00; | 50 | + color: darken($primary-zeyi, 3%); |
| 51 | } | 51 | } |
| 52 | } | 52 | } |
| 53 | &.disabled { | 53 | &.disabled { |