修改页面样式
This commit is contained in:
parent
329d062e6e
commit
111261d496
@ -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 {
|
||||||
|
@ -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 {
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user