frontend / zui

Download as
Browse Code »

Commit 8616363c24e6daa80f6651da775ec8510db0f300

Authored by 刘汉宸
1 parent df739d96
Exists in master

style: 更新按钮样式

Showing 1 changed file with 8 additions and 8 deletions   Show diff stats
packages/button/index.scss
  Diff comments   View file @8616363
... ... @@ -7,7 +7,7 @@ $primary-zeyi: #FCD404;
7 7 padding: 0.25rem 1rem;
8 8 font-size: 0.875rem;
9 9 cursor: pointer;
10   - transition: background-color 300ms;
  10 + transition: background-color 70ms;
11 11 display: flex;
12 12 align-items: center;
13 13 justify-content: center;
... ... @@ -28,17 +28,17 @@ $primary-zeyi: #FCD404;
28 28 border-color: $primary-zeyi;
29 29 color: #FFF;
30 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 35 &.secondary {
36   - background-color: #ffffe6;
37   - border-color: #ffffe6;
38 36 color: $primary-zeyi;
  37 + background-color: rgba($primary-zeyi, 7%);
  38 + border-color: rgba($primary-zeyi, 7%);
39 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 44 &.link {
... ... @@ -47,7 +47,7 @@ $primary-zeyi: #FCD404;
47 47 border: inherit;
48 48 color: $primary-zeyi;
49 49 &:active {
50   - color: #d6ab00;
  50 + color: darken($primary-zeyi, 3%);
51 51 }
52 52 }
53 53 &.disabled {
... ...