ply-css 1.5.0 → 1.6.0
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/CLAUDE.md +3 -1
- package/PLY.md +65 -8
- package/README.md +4 -4
- package/dist/css/ply-core.css +14 -8
- package/dist/css/ply-core.min.css +1 -1
- package/dist/css/ply-essentials.min.css +1 -1
- package/dist/css/ply-helpers.min.css +1 -1
- package/dist/css/ply.css +14 -8
- package/dist/css/ply.min.css +1 -1
- package/dist/css/styles.css +14 -8
- package/dist/css/styles.min.css +1 -1
- package/llms-full.txt +74 -2
- package/llms.txt +2 -2
- package/package.json +1 -1
- package/ply-classes.json +11 -4
- package/src/scss/components/_buttons.scss +10 -3
- package/src/scss/components/_colors.scss +2 -2
- package/src/scss/components/_grid.scss +1 -0
package/dist/css/styles.css
CHANGED
|
@@ -144,9 +144,9 @@
|
|
|
144
144
|
--ply-color-text-inverse: #161616;
|
|
145
145
|
--ply-border-color: #393939;
|
|
146
146
|
--ply-border-strong: #6f6f6f;
|
|
147
|
-
--ply-color-link:
|
|
147
|
+
--ply-color-link: #4589ff;
|
|
148
148
|
--ply-color-link-hover: #619bff;
|
|
149
|
-
--ply-color-link-hover: color-mix(in oklch,
|
|
149
|
+
--ply-color-link-hover: color-mix(in oklch, #4589ff, white 15%);
|
|
150
150
|
--ply-color-focus: #0f62fe;
|
|
151
151
|
--ply-color-field-bg: #262626;
|
|
152
152
|
--ply-color-input-border: #6f6f6f;
|
|
@@ -260,9 +260,9 @@
|
|
|
260
260
|
--ply-color-text-inverse: #161616;
|
|
261
261
|
--ply-border-color: #393939;
|
|
262
262
|
--ply-border-strong: #6f6f6f;
|
|
263
|
-
--ply-color-link:
|
|
263
|
+
--ply-color-link: #4589ff;
|
|
264
264
|
--ply-color-link-hover: #619bff;
|
|
265
|
-
--ply-color-link-hover: color-mix(in oklch,
|
|
265
|
+
--ply-color-link-hover: color-mix(in oklch, #4589ff, white 15%);
|
|
266
266
|
--ply-color-focus: #0f62fe;
|
|
267
267
|
--ply-color-field-bg: #262626;
|
|
268
268
|
--ply-color-input-border: #6f6f6f;
|
|
@@ -2821,7 +2821,7 @@ table tfoot td {
|
|
|
2821
2821
|
.units-row.reverse-direction, .units-row.right-to-left {
|
|
2822
2822
|
flex-direction: row-reverse;
|
|
2823
2823
|
}
|
|
2824
|
-
.units-row.split {
|
|
2824
|
+
.units-row.joined, .units-row.split {
|
|
2825
2825
|
--units-gap: 0px;
|
|
2826
2826
|
gap: 0;
|
|
2827
2827
|
}
|
|
@@ -4511,13 +4511,15 @@ input[type=button].btn,
|
|
|
4511
4511
|
input[type=reset].btn,
|
|
4512
4512
|
button.btn {
|
|
4513
4513
|
transition: all 150ms ease-in-out, transform 50ms ease, background 150ms ease-in-out;
|
|
4514
|
-
display: inline-
|
|
4514
|
+
display: inline-flex;
|
|
4515
4515
|
vertical-align: top;
|
|
4516
|
+
align-items: center;
|
|
4517
|
+
justify-content: center;
|
|
4518
|
+
gap: var(--ply-btn-gap, 0.5em);
|
|
4516
4519
|
font-family: var(--ply-font-body, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji);
|
|
4517
|
-
font-size: 1em;
|
|
4520
|
+
font-size: var(--ply-btn-font-size, 1em);
|
|
4518
4521
|
font-weight: 400;
|
|
4519
4522
|
line-height: 1.5rem;
|
|
4520
|
-
text-align: center;
|
|
4521
4523
|
text-decoration: none;
|
|
4522
4524
|
color: var(--ply-btn-secondary-color, var(--ply-color-text-inverse, #fff));
|
|
4523
4525
|
-webkit-appearance: none;
|
|
@@ -5464,6 +5466,10 @@ button.btn-white.btn-outline.btn-active {
|
|
|
5464
5466
|
.btn-group .btn:last-child {
|
|
5465
5467
|
border-radius: 0 0.125rem 0.125rem 0;
|
|
5466
5468
|
}
|
|
5469
|
+
.btn-single.joined,
|
|
5470
|
+
.btn-group.joined {
|
|
5471
|
+
gap: 0;
|
|
5472
|
+
}
|
|
5467
5473
|
.btn-single.rounded .btn:first-child,
|
|
5468
5474
|
.btn-single.rounded .input-search:first-child,
|
|
5469
5475
|
.btn-group.rounded .btn:first-child,
|