';
+ el += '
';
el += layoutDocTree(proj.pages);
el += '
';
}
diff --git a/layout/_partial/sidebar/widgets/wiki_more.ejs b/layout/_partial/sidebar/widgets/wiki_more.ejs
index 94cb14d..bbbda8f 100644
--- a/layout/_partial/sidebar/widgets/wiki_more.ejs
+++ b/layout/_partial/sidebar/widgets/wiki_more.ejs
@@ -3,34 +3,38 @@ function layoutDiv() {
if (page.layout !== "wiki") {
return '';
}
- var el = '';
+ var related = [];
let proj = theme.wiki.projects[page.wiki];
- if (proj.group && proj.group.length > 0) {
- let group = theme.wiki.groups[proj.group];
- let projects = group.projects.filter(function(proj){
- return proj.index !== false;
- })
- if (projects && projects.length > 1) {
- var el = '';
- el += '
';
+ if (proj.related && proj.related.length > 0) {
+ proj.related.forEach((pid, i) => {
+ let p = theme.wiki.projects[pid];
+ if (p && p.title !== proj.title && p.index !== false) {
+ related.push(p);
+ }
+ });
+ }
+ var el = '';
+ if (related.length > 0) {
+ el += '
';
}
return el;
}
diff --git a/layout/index.ejs b/layout/index.ejs
index 1baf4f9..ead29e4 100755
--- a/layout/index.ejs
+++ b/layout/index.ejs
@@ -1,5 +1,5 @@
<%
-if (page.menu_id === undefined) {
+if (page.menu_id == undefined) {
if (page.layout === 'index' && page.wiki) {
page.menu_id = 'wiki';
} else {
@@ -34,7 +34,7 @@ function layout_posts(partial) {
}
// unpinned posts
page.posts.each(function(post){
- if (post.pin === undefined) {
+ if (post.pin == undefined) {
el += layout_post_card('post', post, partial(post));
}
})
@@ -53,23 +53,19 @@ function layout_wikis(partial) {
const projects = theme.wiki.projects;
for (let proj_name of Object.keys(projects)) {
let proj = projects[proj_name];
- if (proj.index === false || proj.pages === undefined || proj.pages.length === 0) {
+ if (proj.index === false || proj.pages == undefined || proj.pages.length === 0) {
continue;
}
if (page.filter === false) {
// all wikis
- proj.pages.sort('order').limit(1).forEach((p0, i) => {
- el += '
';
- el += layout_post_card('wiki', p0, partial(proj));
- el += '
';
- });
- } else if (page.group === proj.group) {
+ el += '
';
+ el += layout_post_card('wiki', proj.homepage, partial(proj));
+ el += '
';
+ } else if (proj.tags && proj.tags.includes(page.tagName) === true) {
// filtered wikis
- proj.pages.sort('order').limit(1).forEach((p0, i) => {
- el += '
';
- el += layout_post_card('wiki', p0, partial(proj));
- el += '
';
- });
+ el += '
';
+ el += layout_post_card('wiki', proj.homepage, partial(proj));
+ el += '
';
}
}
return el;
diff --git a/layout/wiki.ejs b/layout/wiki.ejs
index 672b557..591713e 100755
--- a/layout/wiki.ejs
+++ b/layout/wiki.ejs
@@ -1,13 +1,13 @@
<%
-if (page.menu_id === undefined) {
+if (page.menu_id == undefined) {
page.menu_id = 'wiki';
}
-if (page.layout === undefined) {
+if (page.layout == undefined) {
page.layout = 'index';
}
-if (page.title === undefined) {
- if (page.group) {
- page.title = page.group;
+if (page.title == undefined) {
+ if (page.tagName) {
+ page.title = page.tagName;
} else {
page.title = __('btn.wiki');
}
@@ -25,7 +25,7 @@ function layoutTitle() {
<%- partial('index') %>
<% } else { %>
<%
- if (page.header === undefined) {
+ if (page.header == undefined) {
page.header = false;
}
%>
diff --git a/scripts/events/lib/config.js b/scripts/events/lib/config.js
index fcb2869..3451215 100644
--- a/scripts/events/lib/config.js
+++ b/scripts/events/lib/config.js
@@ -32,14 +32,14 @@ module.exports = hexo => {
}
// default menu
- if (hexo.theme.config.sidebar.menu === undefined) {
+ if (hexo.theme.config.sidebar.menu == undefined) {
hexo.theme.config.sidebar.menu = [];
}
// default widgets
- if (hexo.theme.config.sidebar.widgets.repo_info === undefined) {
+ if (hexo.theme.config.sidebar.widgets.repo_info == undefined) {
hexo.theme.config.sidebar.widgets.repo_info = {layout: 'repo_info'};
}
- if (hexo.theme.config.sidebar.widgets.wiki_more === undefined) {
+ if (hexo.theme.config.sidebar.widgets.wiki_more == undefined) {
hexo.theme.config.sidebar.widgets.wiki_more = {layout: 'wiki_more'};
}
diff --git a/scripts/events/lib/doc_tree.js b/scripts/events/lib/doc_tree.js
index d9d43f8..16bb972 100644
--- a/scripts/events/lib/doc_tree.js
+++ b/scripts/events/lib/doc_tree.js
@@ -4,12 +4,20 @@
'use strict';
+function page(page) {
+ return {
+ title: page.title,
+ path: page.path,
+ wiki: page.wiki
+ };
+}
+
module.exports = hexo => {
const data = hexo.locals.get('data');
- if (hexo.theme.config.wiki === undefined) {
+ if (hexo.theme.config.wiki == undefined) {
hexo.theme.config.wiki = {};
}
- if (hexo.theme.config.wiki.projects === undefined) {
+ if (hexo.theme.config.wiki.projects == undefined) {
hexo.theme.config.wiki.projects = {};
}
if (data.projects) {
@@ -22,58 +30,77 @@ module.exports = hexo => {
var wiki = hexo.theme.config.wiki;
// wiki 所有页面
const wiki_pages = hexo.locals.get('pages').filter(function (p) {
- return (p.layout === 'wiki') && (p.wiki !== undefined) && (p.wiki.length > 0);
+ return (p.layout === 'wiki') && (p.wiki != undefined) && (p.wiki.length > 0);
});
- // 数据整合：项目组
- var cats = [];
- for (let proj_name of Object.keys(wiki.projects)) {
- let proj = wiki.projects[proj_name];
- if (proj.group !== undefined) {
- if (cats.includes(proj.group) === false) {
- cats.push(proj.group);
+ // 数据整合：项目标签
+ var tagNames = [];
+ for (let id of Object.keys(wiki.projects)) {
+ let proj = wiki.projects[id];
+ let tags = proj.tags;
+ if (tags) {
+ if ((typeof tags == 'string') && tags.constructor == String) {
+ if (tagNames.includes(tags) === false) {
+ tagNames.push(tags);
+ }
+ // 类型转换
+ tags = [tags];
+ } else if ((typeof tags == 'object') && tags.constructor == Array) {
+ tags.forEach((tag, i) => {
+ if (tagNames.includes(tag) === false) {
+ tagNames.push(tag);
+ }
+ });
}
+ wiki.projects[id].tags = tags;
}
}
// 补充未分组的项目
const projs = Object.keys(wiki.projects);
wiki_pages.forEach((p, i) => {
- if (projs.includes(p.wiki) === false) {
- if (wiki.projects[p.wiki] === undefined) {
+ if (projs.includes(p.wiki) == false) {
+ if (wiki.projects[p.wiki] == undefined) {
wiki.projects[p.wiki] = {};
wiki.projects[p.wiki].pages = [];
}
var proj = wiki.projects[p.wiki];
- if (proj.description === undefined) {
+ if (proj.description == undefined) {
proj.description = p.description;
}
wiki.projects[p.wiki].pages.push(p);
}
});
- // 补充项目名称
- for (let proj_name of Object.keys(wiki.projects)) {
- let proj = wiki.projects[proj_name];
- if (proj.title === undefined || proj.title.length === 0) {
- proj.title = proj_name;
+ // 补充项目名称和首页
+ for (let id of Object.keys(wiki.projects)) {
+ let proj = wiki.projects[id];
+ proj.id = id;
+ if (proj.title == undefined || proj.title.length === 0) {
+ proj.title = id;
}
}
+ // 补充 order
+ wiki_pages.forEach((p, i) => {
+ if (p.order == undefined) {
+ p.order = 0;
+ }
+ });
// 数据整合：每个项目的子页面
- for (let proj_name of Object.keys(wiki.projects)) {
- let proj = wiki.projects[proj_name];
+ for (let id of Object.keys(wiki.projects)) {
+ let proj = wiki.projects[id];
proj.pages = wiki_pages.filter(function (p) {
- return p.wiki === proj_name;
+ return p.wiki === id;
}).sort('order');
proj.pages.limit(1).forEach((p, i) => {
- proj.path = p.path;
+ proj.homepage = p;
});
// 内页按 section 分组
- var secs = [];
+ var sectionConfigs = [];
if (proj.sections) {
for (let t of Object.keys(proj.sections)) {
let range = proj.sections[t];
if (range.length > 1) {
- secs.push({
+ sectionConfigs.push({
title: t,
from: range[0],
to: range[1]
@@ -81,37 +108,52 @@ module.exports = hexo => {
}
}
}
- var newSections = [];
- secs.forEach((sec, i) => {
+ var sections = [];
+ sectionConfigs.forEach((sec, i) => {
const pages = proj.pages.filter(function (p) {
return p.order >= sec.from && p.order <= sec.to;
});
if (pages && pages.length > 0) {
- newSections.push({
+ sections.push({
title: sec.title,
pages: pages
});
}
});
- proj.sections = newSections;
-
+ proj.sections = sections;
}
- var groups = {};
- cats.forEach((group_name, i) => {
+ // 全站所有的项目标签
+ var all_tags = {};
+ tagNames.forEach((tagName, i) => {
var projs = [];
- for (let proj_name of Object.keys(wiki.projects)) {
- let proj = wiki.projects[proj_name];
- if (proj.group === group_name && projs.includes(group_name) === false) {
- projs.push(proj);
+ for (let id of Object.keys(wiki.projects)) {
+ let proj = wiki.projects[id];
+ if (proj.tags && proj.tags.includes(tagName) === true && projs.includes(tagName) === false) {
+ projs.push(proj.id);
}
}
- groups[group_name] = {
- title: group_name,
- path: (hexo.config.wiki_dir || 'wiki') + '/categories/' + group_name + '/index.html',
- projects: projs
+ all_tags[tagName] = {
+ name: tagName,
+ path: (hexo.config.wiki_dir || 'wiki') + '/tags/' + tagName + '/index.html',
+ items: projs
};
});
- wiki.groups = groups;
+
+ // 整合相似项目
+ for (let id of Object.keys(wiki.projects)) {
+ let proj = wiki.projects[id];
+ if (proj.tags) {
+ var related = [];
+ proj.tags.forEach((tagName, i) => {
+ let tagObj = all_tags[tagName];
+ related = related.concat(tagObj.items);
+ related = [...new Set(related)];
+ });
+ proj.related = related;
+ }
+ }
+
+ wiki.all_tags = all_tags;
wiki.all_pages = wiki_pages;
};
diff --git a/scripts/generators/wiki.js b/scripts/generators/wiki.js
index 247c0df..29ecfa8 100644
--- a/scripts/generators/wiki.js
+++ b/scripts/generators/wiki.js
@@ -16,15 +16,14 @@ hexo.extend.generator.register('wiki', function (locals) {
data: {'filter': false},
layout: ['wiki']
});
- if (hexo.theme.config.wiki && hexo.theme.config.wiki.groups) {
- for (let group_name of Object.keys(hexo.theme.config.wiki.groups)) {
- let group = hexo.theme.config.wiki.groups[group_name];
+ if (hexo.theme.config.wiki && hexo.theme.config.wiki.all_tags) {
+ for (let id of Object.keys(hexo.theme.config.wiki.all_tags)) {
+ let tag = hexo.theme.config.wiki.all_tags[id];
ret.push({
- path: group.path,
+ path: tag.path,
data: {
'filter': true,
- 'title': group.title,
- 'group': group.title
+ 'tagName': tag.name
},
layout: ['wiki']
});
diff --git a/scripts/helpers/doc_tree.js b/scripts/helpers/doc_tree.js
index 56f7918..b40df65 100644
--- a/scripts/helpers/doc_tree.js
+++ b/scripts/helpers/doc_tree.js
@@ -11,10 +11,7 @@ hexo.extend.helper.register('doc_tree', function(page, args){
return '';
}
const pages = hexo.locals.get('pages').filter(function (p) {
- if (p.layout == 'wiki' && p.wiki && p.wiki == page.wiki && (p.title || p.seo_title)) {
- if (p.order == undefined) {
- p.order = 0;
- }
+ if (p.layout == 'wiki' && p.wiki && p.wiki == page.wiki) {
return true;
} else {
return false;
diff --git a/scripts/tags/lib/tabs.js b/scripts/tags/lib/tabs.js
index 544c740..cf0ccf0 100644
--- a/scripts/tags/lib/tabs.js
+++ b/scripts/tags/lib/tabs.js
@@ -22,7 +22,7 @@ module.exports = ctx => function(args, content) {
});
} else if (tabs.length > 0) {
var tab = tabs[tabs.length-1];
- if (tab.body === undefined) {
+ if (tab.body == undefined) {
tab.body = item;
} else {
tab.body += '\n' + item;
@@ -52,7 +52,7 @@ module.exports = ctx => function(args, content) {
tabContent = `
${tabContent}
`;
el += '
0) {
var node = nodes[nodes.length-1];
- if (node.body === undefined) {
+ if (node.body == undefined) {
node.body = item;
} else {
node.body += '\n' + item;
diff --git a/scripts/tags/toc.js b/scripts/tags/toc.js
index 37fb42b..5eaa742 100644
--- a/scripts/tags/toc.js
+++ b/scripts/tags/toc.js
@@ -43,7 +43,7 @@ hexo.extend.tag.register('toc', function(args) {
if (args.wiki) {
const proj = hexo.theme.config.wiki.projects[args.wiki];
- if (proj === undefined) {
+ if (proj == undefined) {
return '';
}
if (proj.sections && proj.sections.length > 1) {
diff --git a/source/css/_custom.styl b/source/css/_custom.styl
index 9632560..a47260e 100644
--- a/source/css/_custom.styl
+++ b/source/css/_custom.styl
@@ -53,12 +53,13 @@ $fs-h3 = 1.375rem // 22px
$fs-h4 = 1.125rem // 18px
$fs-h5 = $fs-15
$fs-h6 = $fs-12
-$fs-p = $fs-15
+$fs-p = $fs-15
$fs-code = $fs-13
$border-card = 12px
$border-widget = 4px
-$border-block = 4px
+$border-block = 6px
+$border-image = 6px
// 可以动态变化的属性
:root
@@ -66,11 +67,9 @@ $border-block = 4px
--width-main: 680px
--gap-l: 16px
--gap-p: 1.25rem // gap for paragraph
- // desktop or larger
- @media screen and (min-width: $device-desktop)
- --gap-l: 32px
// desktop 2k or larger
@media screen and (min-width: $device-2k)
+ --gap-l: 32px
--width-left: 320px
--width-main: 740px
// desktop 4k or larger
diff --git a/source/css/_layout/md.styl b/source/css/_layout/md.styl
index 3f1ee22..53a65fa 100644
--- a/source/css/_layout/md.styl
+++ b/source/css/_layout/md.styl
@@ -29,15 +29,23 @@ article.md.content
&:hover
a.headerlink:before
opacity: 1
+
+.md
+ ul,ol
+ padding-bottom: .5rem
+ margin: 0
blockquote,ul,ol
p,ul,ol
font-size: $fs-14
line-height: 1.5
p,blockquote,.tag-plugin,ul,ol,.highlight,table
- margin-top: var(--gap-p)
- margin-bottom: var(--gap-p)
*
--gap-p: .5rem
+ p,.tag-plugin
+ margin-top: var(--gap-p)
+ margin-bottom: var(--gap-p)
+ .highlight,table
+ --gap-p: 1rem
// titles
article.md.content
@@ -105,7 +113,7 @@ article.md blockquote
margin-right: 0
padding: 1rem
background: var(--card)
- border-left: 4px solid $color-theme
+ border-left: 6px solid $color-theme
border-radius: $border-block
color: var(--text-p2)
box-shadow: $boxshadow-card
diff --git a/source/css/_layout/pages/archives.styl b/source/css/_layout/pages/archives.styl
index 5d49712..cfb3be6 100644
--- a/source/css/_layout/pages/archives.styl
+++ b/source/css/_layout/pages/archives.styl
@@ -33,7 +33,6 @@
color: var(--text-p2)
align-items: center
justify-content: space-between
- border: 1px solid transparent
.badge
color: $color-theme
font-weight: 700
@@ -42,7 +41,6 @@
&:hover
background: var(--block)
color: var(--text-p0)
- border-color: var(--block-border)
.badge
opacity: 1
@@ -54,20 +52,18 @@
align-items: center
position: relative
color: var(--text-p2)
- padding: 8px
- border-radius: $border-block
- border: 1px solid transparent
- span
- margin: 0 0.25rem
+ margin: 4px 8px
+ padding: 4px 8px
+ border-radius: 64px
.badge
color: $color-theme
+ margin-left: 4px
font-weight: 700
font-family: $ff-code
- opacity: .5
+ opacity: .75
align-self: flex-start
&:hover
color: var(--text-p0)
background: var(--block)
- border-color: var(--block-border)
.badge
opacity: 1
diff --git a/source/css/_layout/sidebar/repo_info.styl b/source/css/_layout/sidebar/repo_info.styl
index 471ef7e..78cc230 100644
--- a/source/css/_layout/sidebar/repo_info.styl
+++ b/source/css/_layout/sidebar/repo_info.styl
@@ -1,9 +1,11 @@
.widget-wrap#repo-info
.widget-body
- border: 1px solid var(--block-border)
- border-radius: $border-block
- background: var(--block)
- overflow: hidden
+ >.items
+ margin: 4px 0
+ border: 1px solid var(--block-border)
+ border-radius: $border-block
+ background: var(--block)
+ overflow: hidden
.line
margin: 0
height: 1px
diff --git a/source/css/_layout/sidebar/sidebar.styl b/source/css/_layout/sidebar/sidebar.styl
index 7a02e52..b2e80b5 100644
--- a/source/css/_layout/sidebar/sidebar.styl
+++ b/source/css/_layout/sidebar/sidebar.styl
@@ -158,8 +158,9 @@ nav.menu
position: -webkit-sticky
top: -2px
background: var(--site-bg)
- padding: 2px 0
+ padding-top: 2px
z-index 1
+ line-height: 2.4
&:empty
display: none
.cap-action
@@ -182,6 +183,8 @@ nav.menu
margin-bottom: 0.5em
>a:hover
text-decoration: underline
+ .widget-header+.widget-body
+ margin-top: 0
.widget-wrap#recent .widget-body, .widget-wrap#related .widget-body
>a
padding 0.5rem
@@ -210,4 +213,4 @@ nav.menu
display: -webkit-box
-webkit-box-orient: vertical
overflow: hidden
- -webkit-line-clamp: 3
+ -webkit-line-clamp: 5
diff --git a/source/css/_layout/sidebar/toc_blog.styl b/source/css/_layout/sidebar/toc_blog.styl
index ac4ed92..c7a8028 100644
--- a/source/css/_layout/sidebar/toc_blog.styl
+++ b/source/css/_layout/sidebar/toc_blog.styl
@@ -1,3 +1,3 @@
-.widget-wrap#toc .doc-tree:only-child
+.widget-wrap.single#toc .doc-tree
&.active>.toc
border-left: 2px solid var(--block-hover)
diff --git a/source/css/_layout/sidebar/toc_common.styl b/source/css/_layout/sidebar/toc_common.styl
index 835a154..524c980 100644
--- a/source/css/_layout/sidebar/toc_common.styl
+++ b/source/css/_layout/sidebar/toc_common.styl
@@ -1,10 +1,16 @@
-// toc padding
+.widget-wrap#toc .widget-header
+ line-height: 2.4
+
#toc .widget-body
line-height: 1.2
+ margin-top: 0
ul ul, ul ol
padding-left: 0
ol ul, ol ol
padding-left: 0
+
+ .doc-tree
+ margin: 4px 0
.toc
padding: 0
margin: 0
diff --git a/source/css/_layout/sidebar/toc_wiki.styl b/source/css/_layout/sidebar/toc_wiki.styl
index 9887a91..058af31 100644
--- a/source/css/_layout/sidebar/toc_wiki.styl
+++ b/source/css/_layout/sidebar/toc_wiki.styl
@@ -2,16 +2,17 @@
.widget-body+.widget-header
margin-top: 1rem
+.widget-wrap.multi#toc .widget-header
+ color: var(--text-p1)
+ font-size: $fs-14
+
// 其它分页链接
-.widget-wrap#toc .multi .doc-tree
- border-radius: 4px
- margin: 4px 0
+.widget-wrap.multi#toc .doc-tree
+ border-radius: $border-block
background: var(--block)
overflow: hidden
border: 1px solid var(--block-border)
- &:first-child
- margin-top: 0
a.doc-tree-link
color: var(--text-p2)
padding: 0.5rem
@@ -33,7 +34,7 @@
// 当前分页链接
-.widget-wrap#toc .multi .doc-tree.active
+.widget-wrap.multi#toc .doc-tree.active
a.doc-tree-link
background: var(--block)
font-weight: 700
diff --git a/source/css/_layout/tag-plugins/about.styl b/source/css/_layout/tag-plugins/about.styl
index 34683ea..9cecd77 100644
--- a/source/css/_layout/tag-plugins/about.styl
+++ b/source/css/_layout/tag-plugins/about.styl
@@ -1,6 +1,6 @@
.tag-plugin.about
background: var(--block)
- border-radius: 6px
+ border-radius: $border-block
padding: 2rem
.about-header
display flex
diff --git a/source/css/_layout/tag-plugins/copy.styl b/source/css/_layout/tag-plugins/copy.styl
index 6b9a7c3..4bfa523 100644
--- a/source/css/_layout/tag-plugins/copy.styl
+++ b/source/css/_layout/tag-plugins/copy.styl
@@ -15,17 +15,20 @@
input.copy-area
display: inline-block
- padding: 1em
+ padding: 0
width: 100%
color: var(--text-p2)
+ line-height: 3
+ text-indent: 1rem
button.copy-btn
margin: 0
+ line-height: 3
border-left: 1px solid var(--block-border)
display: inline-block
background: var(--block-hover)
line-height: 0
font-size: 1rem
- padding: 0.5rem 1rem
+ padding: 0 .75rem
color: var(--text-p2)
&:hover
background: var(--card)
diff --git a/source/css/_layout/tag-plugins/folding.styl b/source/css/_layout/tag-plugins/folding.styl
index 3d60bea..0c43df3 100644
--- a/source/css/_layout/tag-plugins/folding.styl
+++ b/source/css/_layout/tag-plugins/folding.styl
@@ -8,7 +8,7 @@ details.folding
border: 1px solid var(--theme)
summary
cursor: pointer
- padding: 1rem
+ padding: .75rem 1rem
margin: 0 - 1rem
border-radius: $border-block
color: var(--text-p2)
diff --git a/source/css/_layout/tag-plugins/image.styl b/source/css/_layout/tag-plugins/image.styl
index 075c4df..771d1e7 100644
--- a/source/css/_layout/tag-plugins/image.styl
+++ b/source/css/_layout/tag-plugins/image.styl
@@ -4,7 +4,7 @@
.image-bg
line-height: 0
text-align: center
- border-radius: 4px
+ border-radius: $border-image
position: relative
overflow: hidden
&:hover
@@ -12,7 +12,7 @@
opacity: 1 !important
img
display: inline-block
- object-fit: contain
+ object-fit: cover
.image-download
position: absolute
bottom: 8px
@@ -37,7 +37,3 @@
color: var(--text-p3)
&:empty
display: none
- // &.left
- // text-align: left
- // &.center
- // text-align: center
diff --git a/source/css/_layout/tag-plugins/link.styl b/source/css/_layout/tag-plugins/link.styl
index a9a29d5..8946686 100644
--- a/source/css/_layout/tag-plugins/link.styl
+++ b/source/css/_layout/tag-plugins/link.styl
@@ -18,7 +18,7 @@
@media screen and (max-width: $device-mobile-375)
width: 100%
box-shadow: $boxshadow-card
- border-radius: $border-widget
+ border-radius: $border-block
trans2: box-shadow transform
&:hover
box-shadow: $boxshadow-card-float
diff --git a/source/css/_layout/tag-plugins/note.styl b/source/css/_layout/tag-plugins/note.styl
index 2e091ea..246fb19 100644
--- a/source/css/_layout/tag-plugins/note.styl
+++ b/source/css/_layout/tag-plugins/note.styl
@@ -1,5 +1,4 @@
.md .tag-plugin.note
- $border-block = 4px
position: relative
margin-top: 1rem
margin-bottom: 1rem
@@ -41,3 +40,6 @@
margin: 0
>.tabs
margin-top: .5rem
+
+.md .tag-plugin .tag-plugin.note
+ --gap-p: 1rem
diff --git a/source/css/_layout/tag-plugins/tabs.styl b/source/css/_layout/tag-plugins/tabs.styl
index ae42457..ec6e183 100644
--- a/source/css/_layout/tag-plugins/tabs.styl
+++ b/source/css/_layout/tag-plugins/tabs.styl
@@ -73,6 +73,7 @@
.tab-content
max-width: 100%
text-align: justify
+ margin-top: .5rem
.tab-pane
&:not(.active)
display: none