mirror of
https://github.com/next-theme/hexo-theme-next.git
synced 2026-03-18 12:32:35 +00:00
Update .category-list-count style
This commit is contained in:
parent
6bf97f6e49
commit
3d34a1163f
@ -18,15 +18,8 @@
|
||||
}
|
||||
|
||||
.category-list-count {
|
||||
color: $grey;
|
||||
|
||||
&::before {
|
||||
content: ' (';
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: ') ';
|
||||
}
|
||||
font-size: $font-size-smallest;
|
||||
badge();
|
||||
}
|
||||
|
||||
.category-list-child {
|
||||
|
||||
@ -36,8 +36,7 @@
|
||||
}
|
||||
|
||||
.badge {
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
badge();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -281,3 +281,14 @@ menu-item-row() {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
badge() {
|
||||
background: $badge-background;
|
||||
border-radius: $badge-border-radius;
|
||||
color: $badge-color;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
margin-left: .35em;
|
||||
padding: $badge-padding;
|
||||
text-shadow: $badge-text-shadow;
|
||||
}
|
||||
|
||||
@ -34,14 +34,5 @@
|
||||
menu-item-row();
|
||||
}
|
||||
}
|
||||
|
||||
.badge {
|
||||
background: white;
|
||||
border-radius: 10px;
|
||||
color: $black-light;
|
||||
margin-left: .35em;
|
||||
padding: 1px 4px;
|
||||
text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -48,11 +48,4 @@
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.badge {
|
||||
background: $gainsboro;
|
||||
color: $black-light;
|
||||
margin-left: .35em;
|
||||
padding: 1px 4px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -19,14 +19,6 @@
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.badge {
|
||||
background: $grey-light;
|
||||
border-radius: 10px;
|
||||
color: var(--content-bg-color);
|
||||
padding: 2px 5px;
|
||||
text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
|
||||
}
|
||||
}
|
||||
|
||||
if (not hexo-config('menu_settings.badges')) {
|
||||
|
||||
@ -25,3 +25,7 @@ $btn-default-hover-bg = transparent;
|
||||
$btn-default-border-color = var(--link-color);
|
||||
$btn-default-hover-color = var(--link-hover-color);
|
||||
$btn-default-hover-border-color = var(--link-hover-color);
|
||||
|
||||
$badge-background = white;
|
||||
$badge-border-radius = 10px;
|
||||
$badge-text-shadow = 1px 1px 0 rgba(0, 0, 0, .1);
|
||||
|
||||
@ -57,13 +57,19 @@ $site-state-item-name-color = $grey-dark;
|
||||
// --------------------------------------------------
|
||||
|
||||
// Button
|
||||
$btn-default-radius = 2px;
|
||||
$btn-default-bg = white;
|
||||
$btn-default-color = $text-color;
|
||||
$btn-default-border-color = $text-color;
|
||||
$btn-default-hover-bg = $black-deep;
|
||||
$btn-default-hover-color = white;
|
||||
$btn-default-radius = 2px;
|
||||
$btn-default-bg = white;
|
||||
$btn-default-color = $text-color;
|
||||
$btn-default-border-color = $text-color;
|
||||
$btn-default-hover-bg = $black-deep;
|
||||
$btn-default-hover-color = white;
|
||||
|
||||
// Back to top
|
||||
$b2t-opacity = .6;
|
||||
$b2t-opacity-hover = .8;
|
||||
$b2t-opacity = .6;
|
||||
$b2t-opacity-hover = .8;
|
||||
|
||||
$badge-background = $grey-light;
|
||||
$badge-border-radius = 10px;
|
||||
$badge-color = var(--content-bg-color);
|
||||
$badge-padding = 2px 5px;
|
||||
$badge-text-shadow = 1px 1px 0 rgba(0, 0, 0, .1);
|
||||
|
||||
@ -387,3 +387,12 @@ $label = {
|
||||
warning : lighten(spin($note-border.warning, 10), 83% + $lbg),
|
||||
danger : lighten(spin($note-border.danger, -10), 87% + $lbg)
|
||||
};
|
||||
|
||||
|
||||
// Badge colors
|
||||
// --------------------------------------------------
|
||||
$badge-padding = 1px 4px;
|
||||
$badge-border-radius = 0;
|
||||
$badge-background = $gainsboro;
|
||||
$badge-color = $black-light;
|
||||
$badge-text-shadow = none;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user