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
@@ -192,30 +192,30 @@ The typography editor lets you customize text styles across your website. These
192
192
- Header 3: Smaller titles for subsections
193
193
- Header 4: Small titles for minor sections
194
194
- Preheader: Introductory text that appears above headers
195
-
</details>
195
+
</details>
196
196
197
197
<details>
198
198
<summary>Subheaders</summary>
199
199
200
200
- Subheader 1: Primary subheaders for section introductions
201
201
- Subheader 2: Secondary subheaders for supporting text
202
-
</details>
202
+
</details>
203
203
204
204
<details>
205
205
<summary>Body Text</summary>
206
206
207
207
- Text 1: Main body text for content
208
208
- Text 2: Secondary body text for supporting content
209
209
- Caption: Small text for image captions and footnotes
210
-
</details>
210
+
</details>
211
211
212
212
<details>
213
213
<summary>Interactive Elements</summary>
214
214
215
215
- Link: Text for clickable links
216
216
- Button: Text for buttons and calls-to-action
217
217
- Input: Text for form fields and search boxes
218
-
</details>
218
+
</details>
219
219
220
220
For each text style, you can customize:
221
221
@@ -243,7 +243,7 @@ CourseLit provides a carefully curated selection of professional fonts, organize
243
243
-**Mulish**: A geometric sans-serif with a modern feel
244
244
-**Nunito**: A well-balanced font with rounded terminals
245
245
-**Work Sans**: A clean, modern font with a geometric feel
246
-
</details>
246
+
</details>
247
247
248
248
<details>
249
249
<summary>Serif Fonts</summary>
@@ -253,7 +253,7 @@ CourseLit provides a carefully curated selection of professional fonts, organize
253
253
-**Playfair Display**: An elegant serif font for headings
254
254
-**Roboto Slab**: A serif variant of Roboto
255
255
-**Source Serif 4**: A serif font designed for digital reading
256
-
</details>
256
+
</details>
257
257
258
258
<details>
259
259
<summary>Display Fonts</summary>
@@ -264,15 +264,15 @@ CourseLit provides a carefully curated selection of professional fonts, organize
264
264
-**Rubik**: A sans-serif with a geometric feel
265
265
-**Oswald**: A reworking of the classic style
266
266
-**Bebas Neue**: A display font with a strong personality
267
-
</details>
267
+
</details>
268
268
269
269
<details>
270
270
<summary>Modern Fonts</summary>
271
271
272
272
-**Lato**: A sans-serif font with a warm feel
273
273
-**PT Sans**: A font designed for public use
274
274
-**Quicksand**: A display sans-serif with rounded terminals
275
-
</details>
275
+
</details>
276
276
277
277
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.
278
278
@@ -290,7 +290,7 @@ The interactives editor allows you to customize the appearance of interactive el
290
290
- Shadow effects: From None to 2X Large
291
291
- Custom styles: Add your own custom styles using [supported Tailwind classes](#supported-tailwind-classes)
292
292
- Disabled state: How the button looks when it can't be clicked
293
-
</details>
293
+
</details>
294
294
295
295
<details>
296
296
<summary>Link</summary>
@@ -300,7 +300,7 @@ The interactives editor allows you to customize the appearance of interactive el
300
300
- Text shadow: Add depth to your links
301
301
- Custom styles: Add your own custom styles using [supported Tailwind classes](#supported-tailwind-classes)
302
302
- Disabled state: How the link looks when it can't be clicked
303
-
</details>
303
+
</details>
304
304
305
305
<details>
306
306
<summary>Card</summary>
@@ -309,7 +309,7 @@ The interactives editor allows you to customize the appearance of interactive el
309
309
- Border style: Choose from various border styles
310
310
- Shadow effects: Add depth to your cards
311
311
- Custom styles: Add your own custom styles using [supported Tailwind classes](#supported-tailwind-classes)
312
-
</details>
312
+
</details>
313
313
314
314
<details>
315
315
<summary>Input</summary>
@@ -320,7 +320,7 @@ The interactives editor allows you to customize the appearance of interactive el
320
320
- Shadow effects: Add depth to your input fields
321
321
- Custom styles: Add your own custom styles using [supported Tailwind classes](#supported-tailwind-classes)
322
322
- Disabled state: How the input looks when it can't be used
323
-
</details>
323
+
</details>
324
324
325
325
### 4. Structure
326
326
@@ -332,14 +332,14 @@ The structure editor lets you customize the layout of your pages, like section p
332
332
<summary>Page</summary>
333
333
334
334
- Maximum width options: - 2XL (42rem): Compact layout - 3XL (48rem): Standard layout - 4XL (56rem): Wide layout - 5XL (64rem): Extra wide layout - 6XL (72rem): Full width layout
335
-
</details>
335
+
</details>
336
336
337
337
<details>
338
338
<summary>Section</summary>
339
339
340
340
- Horizontal padding: Space on the left and right sides (None to 9X Large)
341
341
- Vertical padding: Space on the top and bottom (None to 9X Large)
342
-
</details>
342
+
</details>
343
343
344
344
## Publishing Changes
345
345
@@ -387,7 +387,7 @@ When adding custom styles to interactive elements, you can use the following Tai
387
387
-`text-6xl`: 6X large text
388
388
-`text-7xl`: 7X large text
389
389
-`text-8xl`: 8X large text
390
-
</details>
390
+
</details>
391
391
392
392
<details>
393
393
<summary>Padding</summary>
@@ -399,7 +399,7 @@ When adding custom styles to interactive elements, you can use the following Tai
399
399
#### Horizontal Padding
400
400
401
401
-`px-4` to `px-20`: Horizontal padding from 1rem to 5rem
0 commit comments