From 8616363c24e6daa80f6651da775ec8510db0f300 Mon Sep 17 00:00:00 2001 From: 刘汉宸 Date: Mon, 29 Jun 2020 20:10:10 +0800 Subject: [PATCH] style: 更新按钮样式 --- packages/button/index.scss | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/button/index.scss b/packages/button/index.scss index 4fdf70f..d7df4d8 100644 --- a/packages/button/index.scss +++ b/packages/button/index.scss @@ -7,7 +7,7 @@ $primary-zeyi: #FCD404; padding: 0.25rem 1rem; font-size: 0.875rem; cursor: pointer; - transition: background-color 300ms; + transition: background-color 70ms; display: flex; align-items: center; justify-content: center; @@ -28,17 +28,17 @@ $primary-zeyi: #FCD404; border-color: $primary-zeyi; color: #FFF; &:active { - background-color: #d6ab00; - border-color: #d6ab00; + background-color: darken($primary-zeyi, 3%); + border-color: darken($primary-zeyi, 3%); } } &.secondary { - background-color: #ffffe6; - border-color: #ffffe6; color: $primary-zeyi; + background-color: rgba($primary-zeyi, 7%); + border-color: rgba($primary-zeyi, 7%); &:active { - background-color: #f7f7df; - border-color: #f7f7df; + background-color: rgba($primary-zeyi, 20%); + border-color: rgba($primary-zeyi, 20%); } } &.link { @@ -47,7 +47,7 @@ $primary-zeyi: #FCD404; border: inherit; color: $primary-zeyi; &:active { - color: #d6ab00; + color: darken($primary-zeyi, 3%); } } &.disabled { -- libgit2 0.21.0