Skip to content

Commit 4de7e0a

Browse files
committed
fix: make page style globally available
1 parent 4c04e24 commit 4de7e0a

File tree

2 files changed

+31
-30
lines changed

2 files changed

+31
-30
lines changed

packages/theme-nonepress/src/styles.css

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,3 +61,34 @@ body {
6161
color: oklch(var(--p) / var(--tw-text-opacity));
6262
text-decoration-line: none;
6363
}
64+
65+
.page {
66+
@apply flex flex-row;
67+
@apply max-w-[90rem] mx-auto px-4 sm:px-6 md:px-8 w-full;
68+
@apply justify-center;
69+
70+
&-sidebar {
71+
@apply hidden lg:block sticky top-0 -ml-8;
72+
@apply w-[19rem] h-full;
73+
}
74+
75+
&-main {
76+
@apply grow w-full flex justify-center pt-8 pb-10;
77+
}
78+
79+
&-sidebar + &-main {
80+
@apply ml-4 lg:max-w-[calc(100%-18rem)];
81+
}
82+
83+
&-content {
84+
@apply grow w-full mx-auto;
85+
86+
&-narrow {
87+
@apply lg:max-w-[calc(100%-256px)];
88+
}
89+
}
90+
91+
&-toc {
92+
@apply hidden lg:block w-[256px];
93+
}
94+
}
Lines changed: 0 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +0,0 @@
1-
.page {
2-
@apply flex flex-row;
3-
@apply max-w-[90rem] mx-auto px-4 sm:px-6 md:px-8 w-full;
4-
@apply justify-center;
5-
6-
&-sidebar {
7-
@apply hidden lg:block sticky top-0 -ml-8;
8-
@apply w-[19rem] h-full;
9-
}
10-
11-
&-main {
12-
@apply grow w-full flex justify-center pt-8 pb-10;
13-
}
14-
15-
&-sidebar + &-main {
16-
@apply ml-4 lg:max-w-[calc(100%-18rem)];
17-
}
18-
19-
&-content {
20-
@apply grow w-full mx-auto;
21-
22-
&-narrow {
23-
@apply lg:max-w-[calc(100%-256px)];
24-
}
25-
}
26-
27-
&-toc {
28-
@apply hidden lg:block w-[256px];
29-
}
30-
}

0 commit comments

Comments
 (0)