[opt] style

source/css/_custom.styl

@@ -84,6 +84,8 @@ $border-button = 4px
   // iPad 竖屏
   @media screen and (max-width: $device-tablet)
     --side-content-width: 188px
+  @media screen and (max-width: $device-mobile-max)
+    --side-content-width: 224px
 
 // 动态计算值
 :root

source/css/_layout/layout.styl

@@ -20,6 +20,7 @@
 .l_body .l_right
   justify-self: left
   --gap-margin: 0px
+  max-height: calc(100% - 8px * 2)
   .widgets
     height: 100%
     overflow visible
@@ -34,7 +35,7 @@
     .l_right
       top: 8px
       position: fixed
-      height: calc(100% - 8px * 2)
+      max-height: calc(100% - 8px * 2)
       transform: translateX(320px)
       transition: transform .38s ease-out
       margin: 0
@@ -44,7 +45,8 @@
       background: var(--site-bg)
       overflow: auto
       scrollbar(0, 0)
-      --blur-bg: var(--alpha75)
+      --blur-bg: var(--alpha60)
+      --blur-px: 50px
   .l_body[rightbar]
     .l_right
       transform: translateX(0px)

source/css/_layout/list.styl

@@ -7,7 +7,7 @@
 .l_main .post-list
   .post-title
     font-weight: 500
-    margin: 1.25rem 0 .75rem 0
+    margin: 1.25rem auto .75rem 0
     line-height: 1.2
     font-size: $fsh4
     border-bottom: none

source/css/_layout/md.styl

@@ -118,9 +118,9 @@
   margin: auto
   display: block
 
-.md-text li:not([class]) a:not([class])
-.md-text p:not([class]) a:not([class])
-.md-text table a:not([class])
+li:not([class]) a:not([class])
+p:not([class]) a:not([class])
+table a:not([class])
   position: relative
   text-decoration: none
   trans1 all

source/css/_layout/partial/footer.styl

@@ -3,15 +3,19 @@
   color: var(--text-p2)
   a
     color: var(--text-p2)
+    border-radius: 2px
     &:hover
-      color: $color-hover
+      color: var(--text)
+      background: var(--block-hover)
 
 .page-footer .sitemap
-  margin: .5rem 0 2rem
+  margin: .5rem -4px 2rem
   display: grid
   scrollbar-width: none
   grid-gap: 1rem 1rem
   grid-auto-flow: column dense
+  // grid-template-columns: repeat(auto-fill, minmax(80px, 1fr))
+  grid-template-columns: repeat(4, 1fr)
   overflow: scroll
   scrollbar(0, 0)
 
@@ -23,12 +27,11 @@
   >span,>a
     text-decoration: none
     txt-ellipsis()
+    padding: 4px
   >span
-    margin: .5rem 0
     font-weight: 500
     color: var(--text-p1)
-  >a
-    margin: .2rem 0
+    margin: 4px 0
 
 
 .page-footer .text
@@ -36,5 +39,4 @@
     margin: 4px 0
     line-height: 1.5
   a:not([class])
-    text-decoration: underline
     font-weight: 500

source/css/_layout/widgets/timeline.styl

@@ -4,13 +4,8 @@
   .body
     a
       trans1 all
-      border-bottom: 1px solid var(--text)
       word-break: break-all
-      color: var(--text-p1)
       --fsp: $fsp2
-      &:hover
-        color: $color-hover
-        border-bottom: 1px solid $color-hover
   .tag-plugin.timeline .timenode
     .header
       margin: 0.5rem var(--gap-padding)