hexo-theme-keep/source/css/layout/_partial/tools.styl

63 lines
1.3 KiB
Stylus
Raw Normal View History

2020-04-25 11:16:58 +08:00
@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 {
li {
cursor: pointer;
padding: $li-padding;
border-radius: $li-border-radius;
font-size: 1.2em;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: $li-margin-bottom;
background: var(--background-color);
if (hexo-config('magic.enable') == true) {
magic-style(1.1);
} else {
border: 1px solid var(--third-text-color);
}
2020-04-15 22:30:24 +08:00
&.rss {
padding: 0;
2020-04-15 22:30:24 +08:00
a {
border-radius: $li-border-radius;
padding: $li-padding;
2020-04-15 22:30:24 +08:00
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
&:hover {
2020-04-25 11:16:58 +08:00
transition();
color: var(--background-color);
background: var(--primary-color);
}
2020-04-15 22:30:24 +08:00
}
}
&:hover {
2020-04-25 11:16:58 +08:00
transition();
color: var(--background-color);
background: var(--primary-color);
}
&:last-child {
margin-bottom: 0;
}
}
}
}