Skip to content

Commit fc61eaf

Browse files
leonardcserleonardcser
committed
style(web): clean up and organize CSS styles
1 parent 40efa7a commit fc61eaf

1 file changed

Lines changed: 109 additions & 128 deletions

File tree

‎apps/web/src/index.css‎

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

72-
@layer base {
7371
* {
7472
@apply border-[hsl(var(--border))];
7573
}
@@ -79,165 +77,148 @@
7977
"rlig" 1,
8078
"calt" 1;
8179
}
82-
}
83-
84-
.imgDark {
85-
display: none;
86-
}
8780

88-
@media (prefers-color-scheme: dark) {
89-
html {
90-
color-scheme: dark;
81+
.react-flow__attribution {
82+
@apply !bg-muted rounded-tl overflow-hidden !ps-1.5 border-l border-t;
9183
}
9284

93-
.imgLight {
94-
display: none;
85+
.react-flow__attribution a {
86+
@apply !text-muted-foreground;
9587
}
96-
.imgDark {
97-
display: unset;
98-
}
99-
}
100-
101-
.react-flow__attribution {
102-
@apply !bg-muted rounded-tl overflow-hidden !ps-1.5 border-l border-t;
103-
}
10488

105-
.react-flow__attribution a {
106-
@apply !text-muted-foreground;
107-
}
108-
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-
}
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;
96+
}
11797

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-
}
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;
101+
}
122102

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-
}
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+
}
126106

127-
.docs-content h3:not([class]) {
128-
@apply scroll-m-20 text-2xl font-semibold tracking-tight mt-8 mb-4;
129-
}
107+
.docs-content h3:not([class]) {
108+
@apply scroll-m-20 text-2xl font-semibold tracking-tight mt-8 mb-4;
109+
}
130110

131-
.docs-content h4:not([class]) {
132-
@apply scroll-m-20 text-xl font-semibold tracking-tight mt-6 mb-3;
133-
}
111+
.docs-content h4:not([class]) {
112+
@apply scroll-m-20 text-xl font-semibold tracking-tight mt-6 mb-3;
113+
}
134114

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-
}
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+
}
138118

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-
}
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+
}
142122

143-
.docs-content p:not([class]) {
144-
@apply leading-7 [&:not(:first-child)]:mt-6;
145-
}
123+
.docs-content p:not([class]) {
124+
@apply leading-7 [&:not(:first-child)]:mt-6;
125+
}
146126

147-
.docs-content ul:not([class]) {
148-
@apply my-6 ml-6 list-disc [&>li]:mt-2;
149-
}
127+
.docs-content ul:not([class]) {
128+
@apply my-6 ml-6 list-disc [&>li]:mt-2;
129+
}
150130

151-
.docs-content ol:not([class]) {
152-
@apply my-6 ml-6 list-decimal [&>li]:mt-2;
153-
}
131+
.docs-content ol:not([class]) {
132+
@apply my-6 ml-6 list-decimal [&>li]:mt-2;
133+
}
154134

155-
.docs-content li:not([class]) {
156-
@apply leading-7;
157-
}
135+
.docs-content li:not([class]) {
136+
@apply leading-7;
137+
}
158138

159-
.docs-content a:not([class]) {
160-
@apply font-medium text-primary underline underline-offset-4 hover:text-primary/80;
161-
}
139+
.docs-content a:not([class]) {
140+
@apply font-medium text-primary underline underline-offset-4 hover:text-primary/80;
141+
}
162142

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-
}
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+
}
166146

167-
.docs-content blockquote:not([class]) {
168-
@apply mt-6 border-l-2 pl-6 italic text-muted-foreground;
169-
}
147+
.docs-content blockquote:not([class]) {
148+
@apply mt-6 border-l-2 pl-6 italic text-muted-foreground;
149+
}
170150

171-
.docs-content table:not([class]) {
172-
@apply w-full border-collapse border-spacing-0 my-6;
173-
}
151+
.docs-content table:not([class]) {
152+
@apply w-full border-collapse border-spacing-0 my-6;
153+
}
174154

175-
.docs-content thead:not([class]) {
176-
@apply border-b;
177-
}
155+
.docs-content thead:not([class]) {
156+
@apply border-b;
157+
}
178158

179-
.docs-content tr:not([class]) {
180-
@apply border-b transition-colors hover:bg-muted/50;
181-
}
159+
.docs-content tr:not([class]) {
160+
@apply border-b transition-colors hover:bg-muted/50;
161+
}
182162

183-
.docs-content th:not([class]) {
184-
@apply h-12 px-4 text-left align-middle font-medium;
185-
}
163+
.docs-content th:not([class]) {
164+
@apply h-12 px-4 text-left align-middle font-medium;
165+
}
186166

187-
.docs-content td:not([class]) {
188-
@apply p-4 align-middle text-muted-foreground;
189-
}
167+
.docs-content td:not([class]) {
168+
@apply p-4 align-middle text-muted-foreground;
169+
}
190170

191-
.docs-content img:not([class]) {
192-
@apply rounded-lg border max-w-full h-auto my-6;
193-
}
171+
.docs-content img:not([class]) {
172+
@apply rounded-lg border max-w-full h-auto my-6;
173+
}
194174

195-
.docs-content hr:not([class]) {
196-
@apply my-8 border-muted;
197-
}
175+
.docs-content hr:not([class]) {
176+
@apply my-8 border-muted;
177+
}
198178

199-
.docs-content strong:not([class]) {
200-
@apply font-semibold;
201-
}
179+
.docs-content strong:not([class]) {
180+
@apply font-semibold;
181+
}
202182

203-
.docs-content em:not([class]) {
204-
@apply italic;
205-
}
183+
.docs-content em:not([class]) {
184+
@apply italic;
185+
}
206186

207-
/* Markdown */
208-
.md h2 {
209-
@apply text-xl font-semibold;
210-
@apply mb-2 mt-5;
211-
}
187+
/* Markdown */
188+
.md h2 {
189+
@apply text-xl font-semibold;
190+
@apply mb-2 mt-5;
191+
}
212192

213-
.md h3 {
214-
@apply text-lg font-semibold;
215-
@apply mb-1 mt-5;
216-
}
193+
.md h3 {
194+
@apply text-lg font-semibold;
195+
@apply mb-1 mt-5;
196+
}
217197

218-
.md p {
219-
@apply mb-2;
220-
}
198+
.md p {
199+
@apply mb-2;
200+
}
221201

222-
.md a {
223-
@apply underline;
224-
}
202+
.md a {
203+
@apply underline;
204+
}
225205

226-
.md ul {
227-
@apply mb-3 list-disc pl-10;
228-
}
206+
.md ul {
207+
@apply mb-3 list-disc pl-10;
208+
}
229209

230-
.md ol {
231-
@apply mb-3 list-decimal pl-6;
232-
counter-reset: item;
233-
}
210+
.md ol {
211+
@apply mb-3 list-decimal pl-6;
212+
counter-reset: item;
213+
}
234214

235-
.md ol li {
236-
display: block;
237-
}
215+
.md ol li {
216+
display: block;
217+
}
238218

239-
.md ol li:before {
240-
@apply me-2 text-muted-foreground;
241-
content: counter(item) ". ";
242-
counter-increment: item;
219+
.md ol li:before {
220+
@apply me-2 text-muted-foreground;
221+
content: counter(item) ". ";
222+
counter-increment: item;
223+
}
243224
}

0 commit comments

Comments
 (0)