@pitcher/css 2025.10.1-7.1760710763572 → 2025.10.1-7.1760711293807
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/index.html +12 -2
- package/package.json +1 -1
- package/pitcher-ui.css +10 -0
package/index.html
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<title>Pitcher UI Extended Demo</title>
|
|
7
7
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
8
8
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
9
|
-
<link rel="stylesheet" href="
|
|
9
|
+
<link rel="stylesheet" href="pitcher-ui.css">
|
|
10
10
|
<script src="https://cdn.jsdelivr.net/npm/@pitcher/js-api"></script>
|
|
11
11
|
</head>
|
|
12
12
|
<body>
|
|
@@ -441,7 +441,17 @@
|
|
|
441
441
|
<div class="p-mt-3 p-ml-2" style="border: 1px solid var(--rsk-color-gray-200); display: inline-block;">
|
|
442
442
|
<div class="p-p-4" style="background: var(--p-primary6);">p-4 (padding: 1rem)</div>
|
|
443
443
|
</div>
|
|
444
|
-
<
|
|
444
|
+
<div class="p-mt-3" style="display: flex;">
|
|
445
|
+
<div class="p-mr-2" style="background: var(--p-primary6); padding: var(--spacing-2); border-radius: var(--radius-md);">p-mr-2</div>
|
|
446
|
+
<div class="p-mr-3" style="background: var(--p-primary6); padding: var(--spacing-2); border-radius: var(--radius-md);">p-mr-3</div>
|
|
447
|
+
<div style="background: var(--p-primary6); padding: var(--spacing-2); border-radius: var(--radius-md);">Item</div>
|
|
448
|
+
</div>
|
|
449
|
+
<div class="p-mt-2" style="display: flex; justify-content: flex-end;">
|
|
450
|
+
<div style="background: var(--p-primary6); padding: var(--spacing-2); border-radius: var(--radius-md);">Item</div>
|
|
451
|
+
<div class="p-ml-2" style="background: var(--p-primary6); padding: var(--spacing-2); border-radius: var(--radius-md);">p-ml-2</div>
|
|
452
|
+
<div class="p-ml-3" style="background: var(--p-primary6); padding: var(--spacing-2); border-radius: var(--radius-md);">p-ml-3</div>
|
|
453
|
+
</div>
|
|
454
|
+
<p class="p-text-xs p-text-gray p-mt-2 p-m-0">Classes: .p-m-0 through .p-m-4, .p-mt-*, .p-mb-*, .p-mr-*, .p-ml-*, .p-p-0 through .p-p-4</p>
|
|
445
455
|
</div>
|
|
446
456
|
|
|
447
457
|
<hr style="border: none; border-top: 1px solid var(--rsk-color-gray-200); margin: var(--spacing-4) 0;">
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pitcher/css",
|
|
3
|
-
"version": "2025.10.17.
|
|
3
|
+
"version": "2025.10.17.1760711293807",
|
|
4
4
|
"description": "Pitcher UI Framework - A comprehensive CSS framework with components for building modern web applications",
|
|
5
5
|
"main": "pitcher-ui.css",
|
|
6
6
|
"style": "pitcher-ui.css",
|
package/pitcher-ui.css
CHANGED
|
@@ -1391,6 +1391,16 @@ button.p-btn-icon {
|
|
|
1391
1391
|
.p-mb-3 { margin-bottom: var(--spacing-3); }
|
|
1392
1392
|
.p-mb-4 { margin-bottom: var(--spacing-4); }
|
|
1393
1393
|
|
|
1394
|
+
.p-mr-1 { margin-right: var(--spacing-1); }
|
|
1395
|
+
.p-mr-2 { margin-right: var(--spacing-2); }
|
|
1396
|
+
.p-mr-3 { margin-right: var(--spacing-3); }
|
|
1397
|
+
.p-mr-4 { margin-right: var(--spacing-4); }
|
|
1398
|
+
|
|
1399
|
+
.p-ml-1 { margin-left: var(--spacing-1); }
|
|
1400
|
+
.p-ml-2 { margin-left: var(--spacing-2); }
|
|
1401
|
+
.p-ml-3 { margin-left: var(--spacing-3); }
|
|
1402
|
+
.p-ml-4 { margin-left: var(--spacing-4); }
|
|
1403
|
+
|
|
1394
1404
|
.p-flex { display: flex; }
|
|
1395
1405
|
.p-flex-col { flex-direction: column; }
|
|
1396
1406
|
.p-flex-wrap { flex-wrap: wrap; }
|