alyenc/hugo-theme-next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Closed #111, add post summary show.

Browse Source
This commit is contained in:
elkan1788
2025-01-18 22:06:49 +08:00
parent 9cd3e0bf68
commit ba5ae7c295
10 changed files with 68 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/_colors.scss
View File

@@ -14,6 +14,8 @@
--menu-item-bg-color: #{$menu-item-bg-color};
--theme-color: #{$theme-color};
--border-color: #{$border-color};
--btn-default-bg: #{$btn-default-bg};
--btn-default-color: #{$btn-default-color};
--btn-default-border-color: #{$btn-default-border-color};
@@ -46,6 +48,8 @@
--menu-item-bg-color: #{$menu-item-bg-color-dark};
--theme-color: #{$theme-color-dark};
--border-color: #{$border-color-dark};
--btn-default-bg: #{$btn-default-bg-dark};
--btn-default-color: #{$btn-default-color-dark};
--btn-default-border-color: #{$btn-default-border-color-dark};

37
assets/css/_common/components/post/post-body.scss
View File

@@ -86,11 +86,19 @@
visibility: hidden;
}
/** Defined speical border properties for top card of post **/
$speical-border-width: 5px;
$speical-border-radius: 8px;
.post-expired-tip {
font-size: 0.825em;
$expired-color: #4A90E2;
font-size: var(--font-size-small);
border: 1px solid #4A90E2;
border-left: 6px solid #4A90E2;
border-radius: $speical-border-radius;
border-left: $speical-border-width solid #4A90E2;
border-top: $speical-border-width solid #4A90E2;
box-shadow: .6rem .5rem 0.3rem var(--body-bg-color);
margin: 0 0 0.85em 0;
padding: 0.65em 0.15em 0.65em 0.95em;
display: none;
@@ -108,5 +116,30 @@
}
}
.post-summary-wrapper {
$summary-color: #ea6733;
margin: 0 0 .85em 0;
border-radius: $speical-border-radius;
border: 1px solid $summary-color;
border-right: $speical-border-width solid $summary-color;
border-bottom: $speical-border-width solid $summary-color;
box-shadow: .6rem .5rem 0.3rem var(--body-bg-color);
.summary-title {
margin: .65em .93em 0 .93em;
color: $summary-color;
font-weight: bold;
}
.summary-content {
background-color: var(--card-bg-color);
border-radius: $speical-border-radius;
box-shadow: .08rem .06rem 0.03rem var(--body-bg-color);
margin: .85em;
padding: .85em .95em;
}
}
@import 'post-alert';
}

4
assets/css/_variables/base.scss
View File

@@ -13,6 +13,7 @@ $grey-lighter : #ddd;
$grey-light : #ccc;
$grey : #bbb;
$grey-dark : #999;
$grey-cnt : #5c5c5c;
$grey-dim : #666;
$black-light : #555;
$black-dim : #333;
@@ -49,7 +50,8 @@ $blockquote-color : $grey-dim;
$blockquote-color-dark : $grey;
// Global border color.
$border-color : $grey-light;
$border-color : $grey-dark;
$border-color-dark : $grey-lighter;
// Background color for <body>
$body-bg-color : white;