← All changes
|
includes/page-settings-themes/_out/settings_themes_page.css
+65
-0
11.3
→
11.9
View file →
| @@ -289,13 +289,20 @@ | ||
| 289 | 289 | color: var(--wpbc-theme-text); |
| 290 | 290 | font-size: 13px; |
| 291 | 291 | font-weight: 600 |
| 292 | 292 | } |
| 293 | +.wpbc_theme_field_row > input[type=text], | |
| 293 | 294 | .wpbc_theme_field_row > select { |
| 294 | 295 | max-width: 100%; |
| 295 | 296 | min-height: 32px; |
| 296 | 297 | width: 100% |
| 297 | 298 | } |
| 299 | +.wpbc_theme_accent_color_row .clr-field, | |
| 300 | +.wpbc_theme_accent_color_row .clr-field input { | |
| 301 | + box-sizing: border-box; | |
| 302 | + max-width: 100%; | |
| 303 | + width: 100% | |
| 304 | +} | |
| 298 | 305 | .wpbc_theme_description { |
| 299 | 306 | color: var(--wpbc-theme-muted); |
| 300 | 307 | font-size: 12px; |
| 301 | 308 | line-height: 1.5; |
| @@ -300,8 +307,18 @@ | ||
| 300 | 307 | font-size: 12px; |
| 301 | 308 | line-height: 1.5; |
| 302 | 309 | margin: 8px 0 0 |
| 303 | 310 | } |
| 311 | +.wpbc_theme_accent_toggle_row { | |
| 312 | + gap: 2px | |
| 313 | +} | |
| 314 | +.wpbc_theme_accent_toggle_row .wpbc_theme_switch { | |
| 315 | + min-height: 28px; | |
| 316 | + padding: 2px 0 | |
| 317 | +} | |
| 318 | +.wpbc_theme_accent_toggle_row .wpbc_theme_description { | |
| 319 | + margin-top: 2px | |
| 320 | +} | |
| 304 | 321 | .wpbc_theme_choice_grid { |
| 305 | 322 | display: grid; |
| 306 | 323 | gap: 8px; |
| 307 | 324 | grid-template-columns: repeat(2,minmax(0,1fr)) |
| @@ -339,8 +356,56 @@ | ||
| 339 | 356 | -ms-flex: 0 0 auto; |
| 340 | 357 | flex: 0 0 auto; |
| 341 | 358 | height: 24px; |
| 342 | 359 | width: 24px |
| 360 | +} | |
| 361 | +.wpbc_theme_style_choice_grid { | |
| 362 | + grid-template-columns: repeat(2,minmax(0,1fr)) | |
| 363 | +} | |
| 364 | +.wpbc_theme_style_choice_grid .wpbc_theme_choice { | |
| 365 | + -ms-flex-align: start; | |
| 366 | + align-items: flex-start; | |
| 367 | + min-height: 54px | |
| 368 | +} | |
| 369 | +.wpbc_theme_choice_swatch_custom, | |
| 370 | +.wpbc_theme_choice_swatch_dark_bordered, | |
| 371 | +.wpbc_theme_choice_swatch_dark_none, | |
| 372 | +.wpbc_theme_choice_swatch_dark_soft, | |
| 373 | +.wpbc_theme_choice_swatch_light_bordered, | |
| 374 | +.wpbc_theme_choice_swatch_light_none, | |
| 375 | +.wpbc_theme_choice_swatch_light_soft { | |
| 376 | + border-radius: 6px; | |
| 377 | + box-shadow: inset 0 0 0 4px rgba(255,255,255,.45) | |
| 378 | +} | |
| 379 | +.wpbc_theme_choice_swatch_light_bordered { | |
| 380 | + background: #fff; | |
| 381 | + border-color: #aeb8c4 | |
| 382 | +} | |
| 383 | +.wpbc_theme_choice_swatch_light_none { | |
| 384 | + background: linear-gradient(135deg,#fff 0,#fff 50%,#eef2f6 50%,#eef2f6 100%); | |
| 385 | + border-color: transparent; | |
| 386 | + box-shadow: inset 0 0 0 1px #d9e1ea | |
| 387 | +} | |
| 388 | +.wpbc_theme_choice_swatch_light_soft { | |
| 389 | + background: #f8fafc; | |
| 390 | + border-color: #d8dee6 | |
| 391 | +} | |
| 392 | +.wpbc_theme_choice_swatch_dark_bordered { | |
| 393 | + background: #111827; | |
| 394 | + border-color: #334155 | |
| 395 | +} | |
| 396 | +.wpbc_theme_choice_swatch_dark_none { | |
| 397 | + background: linear-gradient(135deg,#111827 0,#111827 50%,#334155 50%,#334155 100%); | |
| 398 | + border-color: transparent; | |
| 399 | + box-shadow: inset 0 0 0 1px #475569 | |
| 400 | +} | |
| 401 | +.wpbc_theme_choice_swatch_dark_soft { | |
| 402 | + background: #1f2937; | |
| 403 | + border-color: #475569 | |
| 404 | +} | |
| 405 | +.wpbc_theme_choice_swatch_custom { | |
| 406 | + background: linear-gradient(135deg,#fff 0,#fff 30%,#2271b1 30%,#2271b1 62%,#111827 62%,#111827 100%); | |
| 407 | + border-color: #8aa6c3 | |
| 343 | 408 | } |
| 344 | 409 | .wpbc_theme_choice_swatch.wpbc_theme_dark_1 { |
| 345 | 410 | background: linear-gradient(135deg,#111827 0,#334155 100%); |
| 346 | 411 | border-color: #0f172a |