From 8d1b2c9f3285a731c927ea41aa929aa331c32d32 Mon Sep 17 00:00:00 2001 From: Graeme Yeates Date: Tue, 9 May 2017 05:15:54 -0400 Subject: [PATCH] Add variable for controlling backtop colors (#6038) --- components/back-top/style/index.less | 6 +++--- components/style/themes/default.less | 5 +++++ 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/components/back-top/style/index.less b/components/back-top/style/index.less index 97ec867acc..5ae3809fa1 100644 --- a/components/back-top/style/index.less +++ b/components/back-top/style/index.less @@ -15,13 +15,13 @@ height: 40px; width: 40px; border-radius: 20px; - background-color: rgba(64, 64, 64, 0.4); - color: #fff; + background-color: @back-top-bg; + color: @back-top-color; text-align: center; transition: all .3s @ease-in-out; &:hover { - background-color: rgba(64, 64, 64, 0.6); + background-color: @back-top-hover-bg; transition: all .3s @ease-in-out; } } diff --git a/components/style/themes/default.less b/components/style/themes/default.less index 1fae1a0502..08cacdc703 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -330,3 +330,8 @@ // Tabs // --- @tabs-card-head-background: #f9f9f9; + +// BackTop +@back-top-color: #fff; +@back-top-bg: rgba(64, 64, 64, 0.4); +@back-top-hover-bg: rgba(64, 64, 64, 0.6);