修改页面样式

This commit is contained in:
JohnathanLin 2023-02-23 23:52:08 +08:00
parent 329d062e6e
commit 111261d496
3 changed files with 20 additions and 5 deletions

View File

@ -24,7 +24,7 @@
.logo a { .logo a {
font-size: 24px; font-size: 24px;
font-weight: 700; /* font-weight: 700; */
} }
.logo a img, .logo a svg { .logo a img, .logo a svg {

View File

@ -17,6 +17,13 @@
.first-entry .entry-header h1 { .first-entry .entry-header h1 {
font-size: 34px; font-size: 34px;
line-height: 1.3; line-height: 1.3;
letter-spacing: 0;
line-height: clamp(28px,4.6875vw,36px);
margin-bottom: 16px;
text-decoration: underline;
text-decoration-color: transparent;
transition: .3s;
font-weight: 400;
} }
.first-entry .entry-content { .first-entry .entry-content {
@ -41,6 +48,7 @@
border-radius: var(--radius); border-radius: var(--radius);
transition: transform 0.1s; transition: transform 0.1s;
border: 1px solid var(--border); border: 1px solid var(--border);
box-shadow: 0 0 32px rgb(0 0 0 / 11%);
} }
.post-entry:active { .post-entry:active {
@ -52,8 +60,15 @@
} }
.entry-header h2 { .entry-header h2 {
font-size: 24px; display: block;
line-height: 1.3; font-size: 25px;
letter-spacing: 0;
line-height: clamp(28px,4.6875vw,36px);
margin-bottom: 16px;
text-decoration: underline;
text-decoration-color: rgba(0,0,0,0);
transition: .3s;
font-weight: normal;
} }
.entry-content { .entry-content {

View File

@ -5,7 +5,7 @@
--main-width: 720px; --main-width: 720px;
--header-height: 60px; --header-height: 60px;
--footer-height: 60px; --footer-height: 60px;
--radius: 8px; --radius: 16px;
--theme: rgb(255, 255, 255); --theme: rgb(255, 255, 255);
--entry: rgb(255, 255, 255); --entry: rgb(255, 255, 255);
--primary: rgb(30, 30, 30); --primary: rgb(30, 30, 30);
@ -13,7 +13,7 @@
--tertiary: rgb(214, 214, 214); --tertiary: rgb(214, 214, 214);
--content: rgb(31, 31, 31); --content: rgb(31, 31, 31);
--hljs-bg: rgb(28, 29, 33); --hljs-bg: rgb(28, 29, 33);
--code-bg: rgb(245, 245, 245); --code-bg: rgb(255, 255, 255);
--border: rgb(238, 238, 238); --border: rgb(238, 238, 238);
} }