style: unified buttons style

This commit is contained in:
XPoet 2020-04-25 11:16:58 +08:00
parent e37a6ede8e
commit 88a886d5ad
3 changed files with 15 additions and 11 deletions

View File

@ -1,11 +1,11 @@
@require '../common/variables.styl' @require "../common/variables.styl";
@require '../common/magic-theme.styl' @require "../common/magic-theme.styl";
@require "../common/magic-theme.styl";
$li-padding = 10px; $li-padding = 10px;
$li-border-radius = 5px; $li-border-radius = 5px;
$li-margin-bottom = 10px; $li-margin-bottom = 10px;
.tools-container { .tools-container {
.tools-list { .tools-list {
@ -39,6 +39,7 @@ $li-margin-bottom = 10px;
height: 100%; height: 100%;
&:hover { &:hover {
transition();
color: var(--background-color); color: var(--background-color);
background: var(--primary-color); background: var(--primary-color);
} }
@ -47,6 +48,7 @@ $li-margin-bottom = 10px;
&:hover { &:hover {
transition();
color: var(--background-color); color: var(--background-color);
background: var(--primary-color); background: var(--primary-color);
} }

View File

@ -57,16 +57,16 @@ button {
border-radius: 5px; border-radius: 5px;
padding: 0.5em 1em; padding: 0.5em 1em;
background: var(--background-color); background: var(--background-color);
transition();
if (hexo-config('magic.enable') == true) {
magic-style(1.1); magic-style(1.1);
} else {
border: 1px solid var(--third-text-color);
}
&:hover { &:hover {
transition();
color: var(--background-color); color: var(--background-color);
background: var(--primary-color); background: var(--primary-color);
} }
//&:hover {
// color: var(--primary-color);
// border: 1px solid var(--primary-color);
//}
} }

View File

@ -1,10 +1,12 @@
@require "animated.styl"
magic-style(scale) { magic-style(scale) {
if (hexo-config('magic.enable') == true) { if (hexo-config('magic.enable') == true) {
box-shadow: 0 0 3px var(--border-color); box-shadow: 0 0 3px var(--border-color);
transition: all 0.3s ease; transition();
&:hover { &:hover {
transition();
box-shadow: 0 0 8px var(--border-color); box-shadow: 0 0 8px var(--border-color);
transform: scale(scale); transform: scale(scale);
} }