You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: apps/docs/src/pages/en/website/blocks.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -36,7 +36,7 @@ You will also see the newly added link on the header itself.
36
36
3. Click on the pencil icon against the newly added link to edit it as shown above.
37
37
4. Change the label (displayed as text on the header block) and the URL (where the user should be taken upon clicking the label on the header) and click `Done` to save.
Copy file name to clipboardExpand all lines: apps/docs/src/pages/en/website/themes.md
+18-18Lines changed: 18 additions & 18 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -190,30 +190,30 @@ The typography editor lets you customize text styles across your website. These
190
190
- Header 3: Smaller titles for subsections
191
191
- Header 4: Small titles for minor sections
192
192
- Preheader: Introductory text that appears above headers
193
-
</details>
193
+
</details>
194
194
195
195
<details>
196
196
<summary>Subheaders</summary>
197
197
198
198
- Subheader 1: Primary subheaders for section introductions
199
199
- Subheader 2: Secondary subheaders for supporting text
200
-
</details>
200
+
</details>
201
201
202
202
<details>
203
203
<summary>Body Text</summary>
204
204
205
205
- Text 1: Main body text for content
206
206
- Text 2: Secondary body text for supporting content
207
207
- Caption: Small text for image captions and footnotes
208
-
</details>
208
+
</details>
209
209
210
210
<details>
211
211
<summary>Interactive Elements</summary>
212
212
213
213
- Link: Text for clickable links
214
214
- Button: Text for buttons and calls-to-action
215
215
- Input: Text for form fields and search boxes
216
-
</details>
216
+
</details>
217
217
218
218
For each text style, you can customize:
219
219
@@ -241,7 +241,7 @@ CourseLit provides a carefully curated selection of professional fonts, organize
241
241
-**Mulish**: A geometric sans-serif with a modern feel
242
242
-**Nunito**: A well-balanced font with rounded terminals
243
243
-**Work Sans**: A clean, modern font with a geometric feel
244
-
</details>
244
+
</details>
245
245
246
246
<details>
247
247
<summary>Serif Fonts</summary>
@@ -251,7 +251,7 @@ CourseLit provides a carefully curated selection of professional fonts, organize
251
251
-**Playfair Display**: An elegant serif font for headings
252
252
-**Roboto Slab**: A serif variant of Roboto
253
253
-**Source Serif 4**: A serif font designed for digital reading
254
-
</details>
254
+
</details>
255
255
256
256
<details>
257
257
<summary>Display Fonts</summary>
@@ -262,15 +262,15 @@ CourseLit provides a carefully curated selection of professional fonts, organize
262
262
-**Rubik**: A sans-serif with a geometric feel
263
263
-**Oswald**: A reworking of the classic style
264
264
-**Bebas Neue**: A display font with a strong personality
265
-
</details>
265
+
</details>
266
266
267
267
<details>
268
268
<summary>Modern Fonts</summary>
269
269
270
270
-**Lato**: A sans-serif font with a warm feel
271
271
-**PT Sans**: A font designed for public use
272
272
-**Quicksand**: A display sans-serif with rounded terminals
273
-
</details>
273
+
</details>
274
274
275
275
Each font is optimized for web use and includes multiple weights for flexibility in design. All fonts support Latin characters and are carefully selected for their readability and professional appearance.
276
276
@@ -288,7 +288,7 @@ The interactives editor allows you to customize the appearance of interactive el
288
288
- Shadow effects: From None to 2X Large
289
289
- Custom styles: Add your own custom styles using [supported Tailwind classes](#supported-tailwind-classes)
290
290
- Disabled state: How the button looks when it can't be clicked
291
-
</details>
291
+
</details>
292
292
293
293
<details>
294
294
<summary>Link</summary>
@@ -298,7 +298,7 @@ The interactives editor allows you to customize the appearance of interactive el
298
298
- Text shadow: Add depth to your links
299
299
- Custom styles: Add your own custom styles using [supported Tailwind classes](#supported-tailwind-classes)
300
300
- Disabled state: How the link looks when it can't be clicked
301
-
</details>
301
+
</details>
302
302
303
303
<details>
304
304
<summary>Card</summary>
@@ -307,7 +307,7 @@ The interactives editor allows you to customize the appearance of interactive el
307
307
- Border style: Choose from various border styles
308
308
- Shadow effects: Add depth to your cards
309
309
- Custom styles: Add your own custom styles using [supported Tailwind classes](#supported-tailwind-classes)
310
-
</details>
310
+
</details>
311
311
312
312
<details>
313
313
<summary>Input</summary>
@@ -318,7 +318,7 @@ The interactives editor allows you to customize the appearance of interactive el
318
318
- Shadow effects: Add depth to your input fields
319
319
- Custom styles: Add your own custom styles using [supported Tailwind classes](#supported-tailwind-classes)
320
320
- Disabled state: How the input looks when it can't be used
321
-
</details>
321
+
</details>
322
322
323
323
### 4. Structure
324
324
@@ -335,14 +335,14 @@ The structure editor lets you customize the layout of your pages, like section p
335
335
- 4XL (56rem): Wide layout
336
336
- 5XL (64rem): Extra wide layout
337
337
- 6XL (72rem): Full width layout
338
-
</details>
338
+
</details>
339
339
340
340
<details>
341
341
<summary>Section</summary>
342
342
343
343
- Horizontal padding: Space on the left and right sides (None to 9X Large)
344
344
- Vertical padding: Space on the top and bottom (None to 9X Large)
345
-
</details>
345
+
</details>
346
346
347
347
## Publishing Changes
348
348
@@ -390,7 +390,7 @@ When adding custom styles to interactive elements, you can use the following Tai
390
390
-`text-6xl`: 6X large text
391
391
-`text-7xl`: 7X large text
392
392
-`text-8xl`: 8X large text
393
-
</details>
393
+
</details>
394
394
395
395
<details>
396
396
<summary>Padding</summary>
@@ -402,7 +402,7 @@ When adding custom styles to interactive elements, you can use the following Tai
402
402
#### Horizontal Padding
403
403
404
404
-`px-4` to `px-20`: Horizontal padding from 1rem to 5rem
0 commit comments