@deskhero/dh_ui 2.64.0 → 2.64.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.ai/CSS-CLASSES-GUIDE.md +17 -17
- package/package.json +1 -1
package/.ai/CSS-CLASSES-GUIDE.md
CHANGED
|
@@ -323,12 +323,12 @@ Full list of keys: `spacer-0`, `spacer-half`, `spacer-1` … `spacer-10`, `space
|
|
|
323
323
|
Utility classes for text transform, alignment, weight, decoration, truncation and line clamping. These are intentionally Tailwind-like and **do not use the `dh-` prefix**.
|
|
324
324
|
|
|
325
325
|
### Text transform
|
|
326
|
-
| Class
|
|
327
|
-
|
|
328
|
-
| `text-transform-none`
|
|
329
|
-
| `
|
|
330
|
-
| `
|
|
331
|
-
| `
|
|
326
|
+
| Class | Effect |
|
|
327
|
+
|----------------|---------------------------|
|
|
328
|
+
| `text-transform-none` | `text-transform: none` |
|
|
329
|
+
| `capitalize` | `text-transform: capitalize` |
|
|
330
|
+
| `uppercase` | `text-transform: uppercase` |
|
|
331
|
+
| `lowercase` | `text-transform: lowercase` |
|
|
332
332
|
|
|
333
333
|
### Text alignment
|
|
334
334
|
| Class | Effect |
|
|
@@ -346,18 +346,18 @@ Utility classes for text transform, alignment, weight, decoration, truncation an
|
|
|
346
346
|
| `font-bold` | `font-weight: 700` |
|
|
347
347
|
|
|
348
348
|
### Text decoration
|
|
349
|
-
| Class
|
|
350
|
-
|
|
351
|
-
| `
|
|
352
|
-
| `
|
|
353
|
-
| `
|
|
349
|
+
| Class | Effect |
|
|
350
|
+
|---------------|----------------------------|
|
|
351
|
+
| `underline` | `text-decoration: underline` |
|
|
352
|
+
| `line-through`| `text-decoration: line-through` |
|
|
353
|
+
| `no-underline`| `text-decoration: none` |
|
|
354
354
|
|
|
355
355
|
### Truncation & wrapping
|
|
356
|
-
| Class
|
|
357
|
-
|
|
358
|
-
| `
|
|
359
|
-
| `
|
|
360
|
-
| `
|
|
356
|
+
| Class | Effect |
|
|
357
|
+
|-----------|-------------------------------------------------|
|
|
358
|
+
| `truncate`| Single-line ellipsis (`overflow: hidden; text-overflow: ellipsis; white-space: nowrap`) |
|
|
359
|
+
| `wrap` | Normal wrapping (`white-space: normal`) |
|
|
360
|
+
| `nowrap` | No wrapping (`white-space: nowrap`) |
|
|
361
361
|
|
|
362
362
|
### Line clamp (multi-line truncation)
|
|
363
363
|
These rely on `-webkit-line-clamp` and `-webkit-box-orient` for cross-browser support.
|
|
@@ -370,7 +370,7 @@ These rely on `-webkit-line-clamp` and `-webkit-box-orient` for cross-browser su
|
|
|
370
370
|
|
|
371
371
|
**Example:**
|
|
372
372
|
```html
|
|
373
|
-
<p class="text-primary font-medium text-center
|
|
373
|
+
<p class="text-primary font-medium text-center truncate">
|
|
374
374
|
This is a long title that will truncate on a single line.
|
|
375
375
|
</p>
|
|
376
376
|
|