ply-css 1.3.2 → 1.3.3
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/dist/css/ply-core.css +10 -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 +10 -8
- package/dist/css/ply.min.css +1 -1
- package/dist/css/styles.css +10 -8
- package/dist/css/styles.min.css +1 -1
- package/package.json +1 -1
- package/ply-classes.json +1 -1
- package/src/scss/components/_buttons.scss +4 -4
- package/src/scss/components/_colors.scss +3 -2
package/dist/css/styles.css
CHANGED
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
--ply-color-table-stripped: #1c1c1c;
|
|
138
138
|
--ply-color-table-hovered: #353535;
|
|
139
139
|
--ply-color-accent: #4589ff;
|
|
140
|
-
--ply-btn-default-bg: #
|
|
140
|
+
--ply-btn-default-bg: #0f62fe;
|
|
141
141
|
--ply-btn-default-bg-hover: #619bff;
|
|
142
142
|
--ply-btn-default-bg-hover: color-mix(in oklch, var(--ply-btn-default-bg), white 15%);
|
|
143
143
|
--ply-btn-default-bg-active: #73a6ff;
|
|
@@ -147,8 +147,9 @@
|
|
|
147
147
|
--ply-btn-secondary-bg-hover: color-mix(in oklch, var(--ply-btn-secondary-bg), white 15%);
|
|
148
148
|
--ply-btn-secondary-bg-active: #bebebe;
|
|
149
149
|
--ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), white 25%);
|
|
150
|
-
--ply-btn-default-color: #
|
|
150
|
+
--ply-btn-default-color: #fff;
|
|
151
151
|
--ply-btn-secondary-color: #161616;
|
|
152
|
+
--ply-btn-ghost-color: #4589ff;
|
|
152
153
|
--ply-nav-bg: #161616;
|
|
153
154
|
--ply-nav-color: #f4f4f4;
|
|
154
155
|
--ply-nav-border: #f4f4f4;
|
|
@@ -232,7 +233,7 @@
|
|
|
232
233
|
--ply-color-table-stripped: #1c1c1c;
|
|
233
234
|
--ply-color-table-hovered: #353535;
|
|
234
235
|
--ply-color-accent: #4589ff;
|
|
235
|
-
--ply-btn-default-bg: #
|
|
236
|
+
--ply-btn-default-bg: #0f62fe;
|
|
236
237
|
--ply-btn-default-bg-hover: #619bff;
|
|
237
238
|
--ply-btn-default-bg-hover: color-mix(in oklch, var(--ply-btn-default-bg), white 15%);
|
|
238
239
|
--ply-btn-default-bg-active: #73a6ff;
|
|
@@ -242,8 +243,9 @@
|
|
|
242
243
|
--ply-btn-secondary-bg-hover: color-mix(in oklch, var(--ply-btn-secondary-bg), white 15%);
|
|
243
244
|
--ply-btn-secondary-bg-active: #bebebe;
|
|
244
245
|
--ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), white 25%);
|
|
245
|
-
--ply-btn-default-color: #
|
|
246
|
+
--ply-btn-default-color: #fff;
|
|
246
247
|
--ply-btn-secondary-color: #161616;
|
|
248
|
+
--ply-btn-ghost-color: #4589ff;
|
|
247
249
|
--ply-nav-bg: #161616;
|
|
248
250
|
--ply-nav-color: #f4f4f4;
|
|
249
251
|
--ply-nav-border: #f4f4f4;
|
|
@@ -4814,7 +4816,7 @@ input[type=button].btn-ghost,
|
|
|
4814
4816
|
input[type=reset].btn-ghost,
|
|
4815
4817
|
button.btn-ghost {
|
|
4816
4818
|
background: transparent;
|
|
4817
|
-
color: var(--ply-btn-default-bg);
|
|
4819
|
+
color: var(--ply-btn-ghost-color, var(--ply-btn-default-bg));
|
|
4818
4820
|
border: none;
|
|
4819
4821
|
}
|
|
4820
4822
|
.btn-ghost:hover, .btn-ghost:active, .btn-ghost:focus-visible,
|
|
@@ -4831,7 +4833,7 @@ button.btn-ghost:hover,
|
|
|
4831
4833
|
button.btn-ghost:active,
|
|
4832
4834
|
button.btn-ghost:focus-visible {
|
|
4833
4835
|
background: var(--ply-bg-muted, rgba(128, 128, 128, 0.1));
|
|
4834
|
-
color: var(--ply-btn-default-bg);
|
|
4836
|
+
color: var(--ply-btn-ghost-color, var(--ply-btn-default-bg));
|
|
4835
4837
|
}
|
|
4836
4838
|
.btn-ghost:focus-visible,
|
|
4837
4839
|
input[type=submit].btn-ghost:focus-visible,
|
|
@@ -4849,8 +4851,8 @@ input[type=reset].btn-primary-outline,
|
|
|
4849
4851
|
button.btn-primary-outline {
|
|
4850
4852
|
background: transparent;
|
|
4851
4853
|
padding: 0.5625rem 1.5rem;
|
|
4852
|
-
border: 1px solid var(--ply-btn-default-bg);
|
|
4853
|
-
color: var(--ply-btn-default-bg);
|
|
4854
|
+
border: 1px solid var(--ply-btn-ghost-color, var(--ply-btn-default-bg));
|
|
4855
|
+
color: var(--ply-btn-ghost-color, var(--ply-btn-default-bg));
|
|
4854
4856
|
}
|
|
4855
4857
|
.btn-primary-outline:hover, .btn-primary-outline:active, .btn-primary-outline:focus-visible,
|
|
4856
4858
|
input[type=submit].btn-primary-outline:hover,
|