Skip to content

Commit db9becc

Browse files
committed
Adjust forum title styling and spacing toward lichess parity
1 parent fd14607 commit db9becc

1 file changed

Lines changed: 21 additions & 8 deletions

File tree

static/forum.css

Lines changed: 21 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,26 @@
11
.forum {
22
grid-area: main;
33
width: 100%;
4-
max-width: min(1200px, 100%);
4+
max-width: min(1300px, 100%);
55
margin-inline: auto;
66
--forum-primary: var(--blue-hover);
77
min-width: 0;
88
}
99

1010
.forum.box {
11-
--box-padding: 15px;
12-
padding: 5vh var(--box-padding);
11+
--box-padding: 18px;
12+
padding: 6vh var(--box-padding);
1313
}
1414

1515
@media (min-width: 320px) {
1616
.forum.box {
17-
--box-padding: calc(15px + 45 * ((100vw - 320px) / 880));
17+
--box-padding: calc(18px + 50 * ((100vw - 320px) / 880));
1818
}
1919
}
2020

2121
@media (min-width: 1200px) {
2222
.forum.box {
23-
--box-padding: 60px;
23+
--box-padding: 68px;
2424
}
2525
}
2626

@@ -49,9 +49,16 @@ main.forum p {
4949
gap: 0.5rem;
5050
}
5151

52+
.forum.index .box__top h1 {
53+
font-size: clamp(2rem, 1.6rem + 1.1vw, 2.6rem);
54+
line-height: 1.1;
55+
font-weight: 300;
56+
}
57+
5258
.forum .forum-title-icon {
5359
font-size: 0.92em;
5460
line-height: 1;
61+
opacity: 0.9;
5562
}
5663

5764
.forum .box__top h1 > a.text {
@@ -98,7 +105,7 @@ main.forum p {
98105
flex-wrap: wrap;
99106
align-items: center;
100107
justify-content: space-between;
101-
gap: 0.75rem;
108+
gap: 1rem;
102109
}
103110

104111
.forum .box__top__actions {
@@ -125,7 +132,7 @@ main.forum p {
125132

126133
.forum .slist {
127134
width: 100%;
128-
margin-top: 0.7rem;
135+
margin-top: 1rem;
129136
border-collapse: collapse;
130137
}
131138

@@ -211,7 +218,13 @@ main.forum.forum-categ.box .slist.slist-pad td:last-child {
211218

212219
.forum .slist .subject h2 {
213220
margin: 0;
214-
font-size: 1.03rem;
221+
font-size: clamp(1.3rem, 1.12rem + 0.45vw, 1.6rem);
222+
line-height: 1.2;
223+
font-weight: 300;
224+
}
225+
226+
.forum .slist .subject h2 a {
227+
font-weight: inherit;
215228
}
216229

217230
.forum .slist .subject p,

0 commit comments

Comments
 (0)