css

scripts/tags/folding.js

@@ -13,7 +13,7 @@ hexo.extend.tag.register('folding', function(args, content) {
   args = hexo.args.map(args, ['color', 'codeblock', 'open'], ['title']);
   var el = '';
   // header
-  el += '<details class="tag-plugin"'
+  el += '<details class="tag-plugin folding"'
   el += ' ' + hexo.args.joinTags(args, ['color', 'codeblock']).join(' ');
   if (args.open && args.open == 'true') {
     el += ' open';

scripts/tags/link.js

@@ -11,7 +11,7 @@ hexo.extend.tag.register('link', function(args) {
   args = hexo.args.map(args, ['img'], ['url', 'title', 'description']);
 
   var el = '';
-  el += '<div class="tag-plugin tag link dis-select">';
+  el += '<div class="tag-plugin link dis-select">';
   el += '<a class="link-card" title="' + args.title + '" href="' + args.url + '"';
   if (args.url.includes('://')) {
     el += ' target="_blank" rel="external nofollow noopener noreferrer"';

source/css/_layout/tag-plugins/folding.styl

@@ -50,6 +50,10 @@ details[open]
     border-bottom-right-radius: $border-block
     font-size: $fs-15
     inside-box()
+    >:first-child
+      margin-top: 0
+    >:last-child
+      margin-bottom: 0
 
 details[codeblock]>div.body
   padding: 0

source/css/_layout/tag-plugins/link.styl

@@ -1,4 +1,4 @@
-.md .tag.link
+.md .tag-plugin.link
   margin-top: 1em
   margin-bottom: 1em
   max-width: 360px
@@ -18,10 +18,9 @@
   @media screen and (max-width: $device-mobile-375)
     width: 100%
   box-shadow: $boxshadow-card
-  trans2 box-shadow transform
+  trans1 box-shadow
   border-radius: $border-widget
   &:hover
-    transform: translateY(-1px)
     box-shadow: $boxshadow-card-float
 
 
@@ -47,3 +46,7 @@
   span.url
     flex-shrink: 0
     color: var(--text-p3)
+
+.tag-plugin.folding,.tag-plugin.tabs
+  .tag-plugin.link .link-card
+    background: var(--block)

source/css/_layout/tag-plugins/tabs.styl

@@ -59,12 +59,10 @@ $tbr = $border-block
         display: none
       &.active
         display: block
-      >
-        p,.tabs,ul,ol,.highlight,.note
-          &:first-child
-            margin-top: 0
-          &:last-child
-            margin-bottom: 0
+      >:first-child
+        margin-top: 0
+      >:last-child
+        margin-bottom: 0
 
 
 .tag-plugin.tabs .tab-pane[codeblock]