anentrypoint-design 0.0.39 → 0.0.41
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/247420.app.js +2 -2
- package/dist/247420.css +39 -0
- package/dist/247420.js +3 -3
- package/package.json +1 -1
package/dist/247420.css
CHANGED
|
@@ -1317,6 +1317,26 @@
|
|
|
1317
1317
|
}
|
|
1318
1318
|
.ds-247420 .cli .copy:hover { background: var(--panel-hover); color: var(--panel-text); }
|
|
1319
1319
|
|
|
1320
|
+
/* Base input element styles — text-like inputs get tonal padding to match btn/textarea */
|
|
1321
|
+
.ds-247420 input[type="text"],
|
|
1322
|
+
.ds-247420 input[type="email"],
|
|
1323
|
+
.ds-247420 input[type="password"],
|
|
1324
|
+
.ds-247420 input[type="search"],
|
|
1325
|
+
.ds-247420 input[type="number"],
|
|
1326
|
+
.ds-247420 input:not([type]) {
|
|
1327
|
+
padding: 8px 12px;
|
|
1328
|
+
background: var(--panel-2);
|
|
1329
|
+
color: var(--panel-text);
|
|
1330
|
+
font-family: var(--ff-ui);
|
|
1331
|
+
font-size: 14px;
|
|
1332
|
+
border-radius: 10px;
|
|
1333
|
+
border: 0;
|
|
1334
|
+
outline: 0;
|
|
1335
|
+
transition: background 80ms ease;
|
|
1336
|
+
}
|
|
1337
|
+
.ds-247420 input[type="text"]:hover, .ds-247420 input[type="text"]:focus, .ds-247420 input[type="email"]:hover, .ds-247420 input[type="email"]:focus, .ds-247420 input[type="password"]:hover, .ds-247420 input[type="password"]:focus, .ds-247420 input[type="search"]:hover, .ds-247420 input[type="search"]:focus, .ds-247420 input[type="number"]:hover, .ds-247420 input[type="number"]:focus, .ds-247420 input:not([type]):hover, .ds-247420 input:not([type]):focus { background: var(--panel-3); }
|
|
1338
|
+
.ds-247420 input[type="text"]::placeholder, .ds-247420 input[type="email"]::placeholder, .ds-247420 input[type="password"]::placeholder, .ds-247420 input[type="search"]::placeholder, .ds-247420 input[type="number"]::placeholder, .ds-247420 input:not([type])::placeholder { color: var(--panel-text-2); }
|
|
1339
|
+
|
|
1320
1340
|
/* Buttons */
|
|
1321
1341
|
.ds-247420 .btn {
|
|
1322
1342
|
display: inline-flex;
|
|
@@ -2203,4 +2223,23 @@
|
|
|
2203
2223
|
max-height: 70vh;
|
|
2204
2224
|
}
|
|
2205
2225
|
.ds-247420 .ds-preview-code code, .ds-247420 .ds-preview-text code { background: transparent; padding: 0; font-size: inherit; }
|
|
2226
|
+
|
|
2227
|
+
/* Large-screen responsive layout */
|
|
2228
|
+
@media (min-width: 1280px) {
|
|
2229
|
+
.ds-247420 .app-body { grid-template-columns: 300px 1fr; }
|
|
2230
|
+
.ds-247420 .app-topbar { padding: 0 32px; }
|
|
2231
|
+
.ds-247420 .app-main { padding: 24px 40px 96px 40px; }
|
|
2232
|
+
}
|
|
2233
|
+
|
|
2234
|
+
@media (min-width: 1600px) {
|
|
2235
|
+
.ds-247420 .app { max-width: 1600px; margin: 0 auto; }
|
|
2236
|
+
.ds-247420 .app-body { grid-template-columns: 320px 1fr; }
|
|
2237
|
+
.ds-247420 .app-topbar { padding: 0 40px; }
|
|
2238
|
+
.ds-247420 .app-main { padding: 32px 56px 96px 56px; }
|
|
2239
|
+
}
|
|
2240
|
+
|
|
2241
|
+
@media (min-width: 1920px) {
|
|
2242
|
+
.ds-247420 .app { max-width: 1920px; }
|
|
2243
|
+
.ds-247420 .app-body { grid-template-columns: 360px 1fr; }
|
|
2244
|
+
}
|
|
2206
2245
|
.ds-247420 .ds-preview-truncated { color: var(--panel-text-3); font-style: italic; padding: var(--space-2) 0 0 0; }
|