diff --git a/assets/css/_mixin/_index.scss b/assets/css/_mixin/_index.scss index 906e466d..04e21077 100644 --- a/assets/css/_mixin/_index.scss +++ b/assets/css/_mixin/_index.scss @@ -1,6 +1,6 @@ -@import '_blur'; -@import '_compatibility'; -@import '_link'; -@import '_loading'; -@import '_scrollbar-width'; -@import '_z-index'; +@import 'blur'; +@import 'compatibility'; +@import 'link'; +@import 'loading'; +@import 'scrollbar-width'; +@import 'z-index'; diff --git a/assets/css/_page/_single/_shortcodes/_index.scss b/assets/css/_page/_single/_shortcodes/_index.scss index 942b03d9..d6adb673 100644 --- a/assets/css/_page/_single/_shortcodes/_index.scss +++ b/assets/css/_page/_single/_shortcodes/_index.scss @@ -1,14 +1,14 @@ -@import '_admonition'; -@import '_bilibili'; -@import '_bluesky'; -@import '_douyin'; -@import '_cardlink'; -@import '_center-quote'; -@import '_echarts'; -@import '_file-tree'; -@import '_instagram'; -@import '_mapbox'; -@import '_mermaid'; -@import '_tabs'; -@import '_timeline'; -@import '_version'; +@import 'admonition'; +@import 'bilibili'; +@import 'bluesky'; +@import 'douyin'; +@import 'cardlink'; +@import 'center-quote'; +@import 'echarts'; +@import 'file-tree'; +@import 'instagram'; +@import 'mapbox'; +@import 'mermaid'; +@import 'tabs'; +@import 'timeline'; +@import 'version'; diff --git a/assets/css/_page/_special/_friends.scss b/assets/css/_page/_special/_friends.scss index 25738af9..12bcbe68 100644 --- a/assets/css/_page/_special/_friends.scss +++ b/assets/css/_page/_special/_friends.scss @@ -1,63 +1,67 @@ -/** - * Style of layout named 'friends'. - * @Author: Lruihao - * @Updated: 2022/3/11 21:36 - */ +// Style of layout friends -.friend-links { - margin-top: 1rem; - display: flex; - flex-direction: row; - justify-content: space-between; - flex-wrap: wrap; -} -@media (max-width: 576px) { +.special.friends { .friend-links { - justify-content: space-around; + margin-top: 1rem; + display: flex; + flex-direction: row; + justify-content: space-between; + flex-wrap: wrap; + } + + @media (max-width: 576px) { + .friend-links { + justify-content: space-around; + } + } + + .friend-link { + width: 150px; + height: 200px; + font-size: 1rem; + text-align: center; + background: rgba(255, 255, 255, 0.3); + box-sizing: border-box; + box-shadow: 3px 3px 5px #aaa; + @include border-radius($global-border-radius); + border: none; + transition-duration: 0.3s; + margin-bottom: 1rem; + display: flex; + flex-direction: column; + justify-content: space-between; + } + + .friend-link:hover { + background: #fff; + @include transform(scale(1.03)); + box-shadow: 0 0 3px #aaa; + } + + .friend-avatar { + object-fit: cover; + object-position: center; + width: 100% !important; + height: 150px !important; + @include border-radius($global-border-radius); + margin: 0; + padding: 0; + } + + .friend-nickname { + display: block; + position: relative; + color: #2bbc8a; + font-weight: bold; + max-width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 18px; + margin-bottom: 1rem; + } + + .friend-nickname:hover { + color: #d480aa; } } -.friend-link { - width: 150px; - height: 200px; - font-size: 1rem; - text-align: center; - background: rgba(255, 255, 255, 0.3); - box-sizing: border-box; - box-shadow: 3px 3px 5px #aaa; - @include border-radius($global-border-radius); - border: none; - transition-duration: 0.3s; - margin-bottom: 1rem; - display: flex; - flex-direction: column; - justify-content: space-between; -} -.friend-link:hover { - background: #fff; - @include transform(scale(1.03)); - box-shadow: 0 0 3px #aaa; -} -.friend-avatar { - object-fit: cover; - object-position: center; - width: 100% !important; - height: 150px !important; - @include border-radius($global-border-radius); - margin: 0; - padding: 0; -} -.friend-nickname { - display: block; - position: relative; - color: #2bbc8a; - font-weight: bold; - max-width: 100%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - line-height: 18px; - margin-bottom: 1rem; -} -.friend-nickname:hover { - color: #d480aa; -} diff --git a/assets/css/_page/_special/_index.scss b/assets/css/_page/_special/_index.scss index 090bcd81..b9e7881e 100644 --- a/assets/css/_page/_special/_index.scss +++ b/assets/css/_page/_special/_index.scss @@ -3,12 +3,7 @@ .single-subtitle { text-align: right; } - - &.friends { - @import '_friends'; - } - - &.search { - @import '_search'; - } } + +@import 'friends'; +@import 'search'; diff --git a/assets/css/_page/_special/_search.scss b/assets/css/_page/_special/_search.scss index 6b6c9e6f..1f65f8e3 100644 --- a/assets/css/_page/_special/_search.scss +++ b/assets/css/_page/_special/_search.scss @@ -1,10 +1,12 @@ -// Style of layout named 'search' +// Style of layout search // TODO Adapting to dark mode, maybe use css variables -// Google CSE -.gcse-searchbox:empty, -.gcse-searchresults:empty { - display: none; +.special.search { + // Google CSE + .gcse-searchbox:empty, + .gcse-searchresults:empty { + display: none; + } + + // Bing CSE (Unsupported) } - -// Bing CSE (Unsupported) diff --git a/assets/css/_widgets/_index.scss b/assets/css/_widgets/_index.scss index fa6f91b3..b5cc4a76 100644 --- a/assets/css/_widgets/_index.scss +++ b/assets/css/_widgets/_index.scss @@ -1,7 +1,12 @@ -@import '_cookieconsent'; -@import '_fixed-button'; -@import '_github-corner'; -@import '_noscript-warning'; -@import '_post-chat'; -@import '_reading-progress'; -@import '_typeit'; +@import 'cookieconsent'; +@import 'details'; +@import 'fixed-button'; +@import 'github-corner'; +@import 'icon'; +@import 'img'; +@import 'mask'; +@import 'noscript-warning'; +@import 'post-chat'; +@import 'reading-progress'; +@import 'scrollbar'; +@import 'typeit'; diff --git a/layouts/_partials/init/index.html b/layouts/_partials/init/index.html index 45946306..192bf54f 100644 --- a/layouts/_partials/init/index.html +++ b/layouts/_partials/init/index.html @@ -1,4 +1,4 @@ -{{- hugo.Store.Set "version" "v0.4.3-20260123080729-2a5bd268" -}} +{{- hugo.Store.Set "version" "v0.4.3-20260130042349-e23a50d7" -}} {{- .Store.Set "this" dict -}} {{- partial "init/detection-env.html" . -}}