Skip to content

Commit 2ebebcb

Browse files
leonardcserleonardcser
committed
Revert "style(web): clean up and organize CSS styles"
This reverts commit fc61eaf.
1 parent fc61eaf commit 2ebebcb

1 file changed

Lines changed: 128 additions & 109 deletions

File tree

‎apps/web/src/index.css‎

Lines changed: 128 additions & 109 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,9 @@
6767
--sidebar-ring: 217.2 91.2% 59.8%;
6868
*/
6969
}
70+
}
7071

72+
@layer base {
7173
* {
7274
@apply border-[hsl(var(--border))];
7375
}
@@ -77,148 +79,165 @@
7779
"rlig" 1,
7880
"calt" 1;
7981
}
82+
}
8083

81-
.react-flow__attribution {
82-
@apply !bg-muted rounded-tl overflow-hidden !ps-1.5 border-l border-t;
83-
}
84+
.imgDark {
85+
display: none;
86+
}
8487

85-
.react-flow__attribution a {
86-
@apply !text-muted-foreground;
88+
@media (prefers-color-scheme: dark) {
89+
html {
90+
color-scheme: dark;
8791
}
8892

89-
html.dark .shiki,
90-
html.dark .shiki span {
91-
color: var(--shiki-dark) !important;
92-
/* Optional, if you also want font styles */
93-
font-style: var(--shiki-dark-font-style) !important;
94-
font-weight: var(--shiki-dark-font-weight) !important;
95-
text-decoration: var(--shiki-dark-text-decoration) !important;
93+
.imgLight {
94+
display: none;
9695
}
97-
98-
/* Documentation content styles - only apply to elements without classes */
99-
.docs-content h1:not([class]) {
100-
@apply scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl mb-8 mt-10 first:mt-0;
96+
.imgDark {
97+
display: unset;
10198
}
99+
}
102100

103-
.docs-content h2:not([class]) {
104-
@apply scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight mt-10 mb-6 first:mt-0;
105-
}
101+
.react-flow__attribution {
102+
@apply !bg-muted rounded-tl overflow-hidden !ps-1.5 border-l border-t;
103+
}
106104

107-
.docs-content h3:not([class]) {
108-
@apply scroll-m-20 text-2xl font-semibold tracking-tight mt-8 mb-4;
109-
}
105+
.react-flow__attribution a {
106+
@apply !text-muted-foreground;
107+
}
110108

111-
.docs-content h4:not([class]) {
112-
@apply scroll-m-20 text-xl font-semibold tracking-tight mt-6 mb-3;
113-
}
109+
html.dark .shiki,
110+
html.dark .shiki span {
111+
color: var(--shiki-dark) !important;
112+
/* Optional, if you also want font styles */
113+
font-style: var(--shiki-dark-font-style) !important;
114+
font-weight: var(--shiki-dark-font-weight) !important;
115+
text-decoration: var(--shiki-dark-text-decoration) !important;
116+
}
114117

115-
.docs-content h5:not([class]) {
116-
@apply scroll-m-20 text-lg font-semibold tracking-tight mt-4 mb-2 text-muted-foreground;
117-
}
118+
/* Documentation content styles - only apply to elements without classes */
119+
.docs-content h1:not([class]) {
120+
@apply scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl mb-8 mt-10 first:mt-0;
121+
}
118122

119-
.docs-content h6:not([class]) {
120-
@apply scroll-m-20 text-base font-semibold tracking-tight mt-4 mb-2 text-muted-foreground;
121-
}
123+
.docs-content h2:not([class]) {
124+
@apply scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight mt-10 mb-6 first:mt-0;
125+
}
122126

123-
.docs-content p:not([class]) {
124-
@apply leading-7 [&:not(:first-child)]:mt-6;
125-
}
127+
.docs-content h3:not([class]) {
128+
@apply scroll-m-20 text-2xl font-semibold tracking-tight mt-8 mb-4;
129+
}
126130

127-
.docs-content ul:not([class]) {
128-
@apply my-6 ml-6 list-disc [&>li]:mt-2;
129-
}
131+
.docs-content h4:not([class]) {
132+
@apply scroll-m-20 text-xl font-semibold tracking-tight mt-6 mb-3;
133+
}
130134

131-
.docs-content ol:not([class]) {
132-
@apply my-6 ml-6 list-decimal [&>li]:mt-2;
133-
}
135+
.docs-content h5:not([class]) {
136+
@apply scroll-m-20 text-lg font-semibold tracking-tight mt-4 mb-2 text-muted-foreground;
137+
}
134138

135-
.docs-content li:not([class]) {
136-
@apply leading-7;
137-
}
139+
.docs-content h6:not([class]) {
140+
@apply scroll-m-20 text-base font-semibold tracking-tight mt-4 mb-2 text-muted-foreground;
141+
}
138142

139-
.docs-content a:not([class]) {
140-
@apply font-medium text-primary underline underline-offset-4 hover:text-primary/80;
141-
}
143+
.docs-content p:not([class]) {
144+
@apply leading-7 [&:not(:first-child)]:mt-6;
145+
}
142146

143-
.docs-content code:not([class]):not(pre code) {
144-
@apply relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold;
145-
}
147+
.docs-content ul:not([class]) {
148+
@apply my-6 ml-6 list-disc [&>li]:mt-2;
149+
}
146150

147-
.docs-content blockquote:not([class]) {
148-
@apply mt-6 border-l-2 pl-6 italic text-muted-foreground;
149-
}
151+
.docs-content ol:not([class]) {
152+
@apply my-6 ml-6 list-decimal [&>li]:mt-2;
153+
}
150154

151-
.docs-content table:not([class]) {
152-
@apply w-full border-collapse border-spacing-0 my-6;
153-
}
155+
.docs-content li:not([class]) {
156+
@apply leading-7;
157+
}
154158

155-
.docs-content thead:not([class]) {
156-
@apply border-b;
157-
}
159+
.docs-content a:not([class]) {
160+
@apply font-medium text-primary underline underline-offset-4 hover:text-primary/80;
161+
}
158162

159-
.docs-content tr:not([class]) {
160-
@apply border-b transition-colors hover:bg-muted/50;
161-
}
163+
.docs-content code:not([class]):not(pre code) {
164+
@apply relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold;
165+
}
162166

163-
.docs-content th:not([class]) {
164-
@apply h-12 px-4 text-left align-middle font-medium;
165-
}
167+
.docs-content blockquote:not([class]) {
168+
@apply mt-6 border-l-2 pl-6 italic text-muted-foreground;
169+
}
166170

167-
.docs-content td:not([class]) {
168-
@apply p-4 align-middle text-muted-foreground;
169-
}
171+
.docs-content table:not([class]) {
172+
@apply w-full border-collapse border-spacing-0 my-6;
173+
}
170174

171-
.docs-content img:not([class]) {
172-
@apply rounded-lg border max-w-full h-auto my-6;
173-
}
175+
.docs-content thead:not([class]) {
176+
@apply border-b;
177+
}
174178

175-
.docs-content hr:not([class]) {
176-
@apply my-8 border-muted;
177-
}
179+
.docs-content tr:not([class]) {
180+
@apply border-b transition-colors hover:bg-muted/50;
181+
}
178182

179-
.docs-content strong:not([class]) {
180-
@apply font-semibold;
181-
}
183+
.docs-content th:not([class]) {
184+
@apply h-12 px-4 text-left align-middle font-medium;
185+
}
182186

183-
.docs-content em:not([class]) {
184-
@apply italic;
185-
}
187+
.docs-content td:not([class]) {
188+
@apply p-4 align-middle text-muted-foreground;
189+
}
186190

187-
/* Markdown */
188-
.md h2 {
189-
@apply text-xl font-semibold;
190-
@apply mb-2 mt-5;
191-
}
191+
.docs-content img:not([class]) {
192+
@apply rounded-lg border max-w-full h-auto my-6;
193+
}
192194

193-
.md h3 {
194-
@apply text-lg font-semibold;
195-
@apply mb-1 mt-5;
196-
}
195+
.docs-content hr:not([class]) {
196+
@apply my-8 border-muted;
197+
}
197198

198-
.md p {
199-
@apply mb-2;
200-
}
199+
.docs-content strong:not([class]) {
200+
@apply font-semibold;
201+
}
201202

202-
.md a {
203-
@apply underline;
204-
}
203+
.docs-content em:not([class]) {
204+
@apply italic;
205+
}
205206

206-
.md ul {
207-
@apply mb-3 list-disc pl-10;
208-
}
207+
/* Markdown */
208+
.md h2 {
209+
@apply text-xl font-semibold;
210+
@apply mb-2 mt-5;
211+
}
209212

210-
.md ol {
211-
@apply mb-3 list-decimal pl-6;
212-
counter-reset: item;
213-
}
213+
.md h3 {
214+
@apply text-lg font-semibold;
215+
@apply mb-1 mt-5;
216+
}
214217

215-
.md ol li {
216-
display: block;
217-
}
218+
.md p {
219+
@apply mb-2;
220+
}
218221

219-
.md ol li:before {
220-
@apply me-2 text-muted-foreground;
221-
content: counter(item) ". ";
222-
counter-increment: item;
223-
}
222+
.md a {
223+
@apply underline;
224+
}
225+
226+
.md ul {
227+
@apply mb-3 list-disc pl-10;
228+
}
229+
230+
.md ol {
231+
@apply mb-3 list-decimal pl-6;
232+
counter-reset: item;
233+
}
234+
235+
.md ol li {
236+
display: block;
237+
}
238+
239+
.md ol li:before {
240+
@apply me-2 text-muted-foreground;
241+
content: counter(item) ". ";
242+
counter-increment: item;
224243
}

0 commit comments

Comments
 (0)