style: unified buttons style
This commit is contained in:
parent
e37a6ede8e
commit
88a886d5ad
|
@ -1,11 +1,11 @@
|
|||
@require '../common/variables.styl'
|
||||
@require '../common/magic-theme.styl'
|
||||
@require "../common/variables.styl";
|
||||
@require "../common/magic-theme.styl";
|
||||
@require "../common/magic-theme.styl";
|
||||
|
||||
$li-padding = 10px;
|
||||
$li-border-radius = 5px;
|
||||
$li-margin-bottom = 10px;
|
||||
|
||||
|
||||
.tools-container {
|
||||
|
||||
.tools-list {
|
||||
|
@ -39,6 +39,7 @@ $li-margin-bottom = 10px;
|
|||
height: 100%;
|
||||
|
||||
&:hover {
|
||||
transition();
|
||||
color: var(--background-color);
|
||||
background: var(--primary-color);
|
||||
}
|
||||
|
@ -47,6 +48,7 @@ $li-margin-bottom = 10px;
|
|||
|
||||
|
||||
&:hover {
|
||||
transition();
|
||||
color: var(--background-color);
|
||||
background: var(--primary-color);
|
||||
}
|
||||
|
|
|
@ -57,16 +57,16 @@ button {
|
|||
border-radius: 5px;
|
||||
padding: 0.5em 1em;
|
||||
background: var(--background-color);
|
||||
transition();
|
||||
magic-style(1.1);
|
||||
|
||||
if (hexo-config('magic.enable') == true) {
|
||||
magic-style(1.1);
|
||||
} else {
|
||||
border: 1px solid var(--third-text-color);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
transition();
|
||||
color: var(--background-color);
|
||||
background: var(--primary-color);
|
||||
}
|
||||
|
||||
//&:hover {
|
||||
// color: var(--primary-color);
|
||||
// border: 1px solid var(--primary-color);
|
||||
//}
|
||||
}
|
|
@ -1,10 +1,12 @@
|
|||
@require "animated.styl"
|
||||
magic-style(scale) {
|
||||
if (hexo-config('magic.enable') == true) {
|
||||
|
||||
box-shadow: 0 0 3px var(--border-color);
|
||||
transition: all 0.3s ease;
|
||||
transition();
|
||||
|
||||
&:hover {
|
||||
transition();
|
||||
box-shadow: 0 0 8px var(--border-color);
|
||||
transform: scale(scale);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue