File tree Expand file tree Collapse file tree 2 files changed +31
-30
lines changed
packages/theme-nonepress/src Expand file tree Collapse file tree 2 files changed +31
-30
lines changed Original file line number Diff line number Diff 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+ }
Original file line number Diff line number Diff line change 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- }
You can’t perform that action at this time.
0 commit comments