diff --git a/assets/css/common/header.css b/assets/css/common/header.css index 64894da..94c427e 100644 --- a/assets/css/common/header.css +++ b/assets/css/common/header.css @@ -24,7 +24,7 @@ .logo a { font-size: 24px; - font-weight: 700; + /* font-weight: 700; */ } .logo a img, .logo a svg { diff --git a/assets/css/common/post-entry.css b/assets/css/common/post-entry.css index 885aa2a..985dacd 100644 --- a/assets/css/common/post-entry.css +++ b/assets/css/common/post-entry.css @@ -17,6 +17,13 @@ .first-entry .entry-header h1 { font-size: 34px; 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 { @@ -41,6 +48,7 @@ border-radius: var(--radius); transition: transform 0.1s; border: 1px solid var(--border); + box-shadow: 0 0 32px rgb(0 0 0 / 11%); } .post-entry:active { @@ -52,8 +60,15 @@ } .entry-header h2 { - font-size: 24px; - line-height: 1.3; + display: block; + 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 { diff --git a/assets/css/core/theme-vars.css b/assets/css/core/theme-vars.css index fd0c5ee..8f25940 100644 --- a/assets/css/core/theme-vars.css +++ b/assets/css/core/theme-vars.css @@ -5,7 +5,7 @@ --main-width: 720px; --header-height: 60px; --footer-height: 60px; - --radius: 8px; + --radius: 16px; --theme: rgb(255, 255, 255); --entry: rgb(255, 255, 255); --primary: rgb(30, 30, 30); @@ -13,7 +13,7 @@ --tertiary: rgb(214, 214, 214); --content: rgb(31, 31, 31); --hljs-bg: rgb(28, 29, 33); - --code-bg: rgb(245, 245, 245); + --code-bg: rgb(255, 255, 255); --border: rgb(238, 238, 238); }