css

source/css/_common/device.styl

@@ -14,23 +14,21 @@
   float: right
   z-index: 10
   display: flex
-  border-radius: $border-block 0 0 $border-block
-  padding-right: 1rem
-  border: 1px solid var(--block-border)
-  border-right: 0
+  border-radius: 2rem
+  margin-right: 1rem
   overflow: hidden
-  --blur-px: 24px
-  --blur-bg: alpha(#eaeaea, .6)
+  --blur-px: 16px
+  --blur-bg: alpha(#fff, .4)
+  trans1: all
   if hexo-config('style.darkmode') == 'auto'
     @media (prefers-color-scheme: dark)
-      --blur-bg: alpha(#555, .6)
+      --blur-bg: alpha(#000, .4)
   if hexo-config('style.darkmode') == 'always'
-    --blur-bg: alpha(#555, .6)
+    --blur-bg: alpha(#000, .4)
 
 .sidebar-toggle.mobile
   cursor: pointer
-  color: var(--text-p2)
-  border-right: 1px solid transparent
+  color: var(--text-p0)
   background: none
   padding: 0.5rem
   line-height: 0
@@ -39,6 +37,9 @@
 
 
 .l_body.mobile.sidebar
+  .float-panel
+    box-shadow: $boxshadow-float
+    transform: translateY(-2px)
   .sidebar-toggle.mobile
     background: var(--card)
     color: $color-hover

source/css/_layout/md.styl

@@ -116,12 +116,12 @@ article.md>div
 article.md blockquote
   margin-left: 0
   margin-right: 0
-  padding: 1rem
-  background: var(--card)
-  border-left: 6px solid $color-theme
-  border-radius: $border-block
+  padding: 0.75rem
+  background: var(--block)
+  $bd-left = 4px
+  border-left: $bd-left solid var(--text-meta)
+  border-radius: $bd-left $border-block $border-block $bd-left
   color: var(--text-p2)
-  box-shadow: $boxshadow-card
 
 
 article.md img

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

@@ -1,5 +1,5 @@
 .md .tag-plugin.link
-  max-width: 400px
+  max-width: 100%
   margin: 1em auto
   display: flex
   justify-content: center
@@ -12,8 +12,8 @@
   justify-content: space-between
   align-items: center
   cursor: pointer
-  min-width 280px
-  max-width: 100%
+  // min-width 280px
+  // max-width: 100%
   width: 320px
   @media screen and (max-width: $device-mobile-375)
     width: 100%
@@ -31,7 +31,7 @@
 .md .link-card.rich
   flex-direction: column
   align-items: stretch
-  width: 400px
+  width: 460px
   text-align: justify
 
 .md .link-card
@@ -50,7 +50,7 @@
     flex-shrink: 0
   >.top
     display: flex
-    margin: .75rem 0.75rem .25rem
+    margin: 1rem 1rem 0.75rem
     overflow: hidden
     max-width: 'calc(100% - %s * 2)' % 1rem
     align-items: center
@@ -67,10 +67,10 @@
       txt-ellipsis()
       max-width: 100%
   >.bottom
-    margin: 0 0.75rem 0.75rem 0.75rem
+    margin: 0 1rem 1rem
     .title
       font-size: $fs-15
-      margin: 4px 0 8px 0
+      margin-bottom: 0.5rem
 
 .md .link-card
   line-height: 1.2