← All changes
|
includes/page-settings-themes/_src/settings_themes_page.css
+79
-1
11.3
→
11.9
View file →
| @@ -311,14 +311,22 @@ | ||
| 311 | 311 | font-size: 13px; |
| 312 | 312 | font-weight: 600; |
| 313 | 313 | } |
| 314 | 314 | |
| 315 | -.wpbc_theme_field_row > select { | |
| 315 | +.wpbc_theme_field_row > select, | |
| 316 | +.wpbc_theme_field_row > input[type="text"] { | |
| 316 | 317 | max-width: 100%; |
| 317 | 318 | min-height: 32px; |
| 318 | 319 | width: 100%; |
| 319 | 320 | } |
| 320 | 321 | |
| 322 | +.wpbc_theme_accent_color_row .clr-field, | |
| 323 | +.wpbc_theme_accent_color_row .clr-field input { | |
| 324 | + box-sizing: border-box; | |
| 325 | + max-width: 100%; | |
| 326 | + width: 100%; | |
| 327 | +} | |
| 328 | + | |
| 321 | 329 | .wpbc_theme_description { |
| 322 | 330 | color: var(--wpbc-theme-muted); |
| 323 | 331 | font-size: 12px; |
| 324 | 332 | line-height: 1.5; |
| @@ -324,8 +332,21 @@ | ||
| 324 | 332 | line-height: 1.5; |
| 325 | 333 | margin: 8px 0 0; |
| 326 | 334 | } |
| 327 | 335 | |
| 336 | +.wpbc_theme_accent_toggle_row { | |
| 337 | + gap: 2px; | |
| 338 | +} | |
| 339 | + | |
| 340 | +.wpbc_theme_accent_toggle_row .wpbc_theme_switch { | |
| 341 | + min-height: 28px; | |
| 342 | + padding: 2px 0; | |
| 343 | +} | |
| 344 | + | |
| 345 | +.wpbc_theme_accent_toggle_row .wpbc_theme_description { | |
| 346 | + margin-top: 2px; | |
| 347 | +} | |
| 348 | + | |
| 328 | 349 | .wpbc_theme_choice_grid { |
| 329 | 350 | display: grid; |
| 330 | 351 | gap: 8px; |
| 331 | 352 | grid-template-columns: repeat(2, minmax(0, 1fr)); |
| @@ -364,8 +385,65 @@ | ||
| 364 | 385 | border-radius: 50%; |
| 365 | 386 | flex: 0 0 auto; |
| 366 | 387 | height: 24px; |
| 367 | 388 | width: 24px; |
| 389 | +} | |
| 390 | + | |
| 391 | +.wpbc_theme_style_choice_grid { | |
| 392 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 393 | +} | |
| 394 | + | |
| 395 | +.wpbc_theme_style_choice_grid .wpbc_theme_choice { | |
| 396 | + align-items: flex-start; | |
| 397 | + min-height: 54px; | |
| 398 | +} | |
| 399 | + | |
| 400 | +.wpbc_theme_choice_swatch_light_bordered, | |
| 401 | +.wpbc_theme_choice_swatch_dark_bordered, | |
| 402 | +.wpbc_theme_choice_swatch_light_none, | |
| 403 | +.wpbc_theme_choice_swatch_dark_none, | |
| 404 | +.wpbc_theme_choice_swatch_light_soft, | |
| 405 | +.wpbc_theme_choice_swatch_dark_soft, | |
| 406 | +.wpbc_theme_choice_swatch_custom { | |
| 407 | + border-radius: 6px; | |
| 408 | + box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.45); | |
| 409 | +} | |
| 410 | + | |
| 411 | +.wpbc_theme_choice_swatch_light_bordered { | |
| 412 | + background: #ffffff; | |
| 413 | + border-color: #aeb8c4; | |
| 414 | +} | |
| 415 | + | |
| 416 | +.wpbc_theme_choice_swatch_light_none { | |
| 417 | + background: linear-gradient(135deg, #ffffff 0%, #ffffff 50%, #eef2f6 50%, #eef2f6 100%); | |
| 418 | + border-color: transparent; | |
| 419 | + box-shadow: inset 0 0 0 1px #d9e1ea; | |
| 420 | +} | |
| 421 | + | |
| 422 | +.wpbc_theme_choice_swatch_light_soft { | |
| 423 | + background: #f8fafc; | |
| 424 | + border-color: #d8dee6; | |
| 425 | +} | |
| 426 | + | |
| 427 | +.wpbc_theme_choice_swatch_dark_bordered { | |
| 428 | + background: #111827; | |
| 429 | + border-color: #334155; | |
| 430 | +} | |
| 431 | + | |
| 432 | +.wpbc_theme_choice_swatch_dark_none { | |
| 433 | + background: linear-gradient(135deg, #111827 0%, #111827 50%, #334155 50%, #334155 100%); | |
| 434 | + border-color: transparent; | |
| 435 | + box-shadow: inset 0 0 0 1px #475569; | |
| 436 | +} | |
| 437 | + | |
| 438 | +.wpbc_theme_choice_swatch_dark_soft { | |
| 439 | + background: #1f2937; | |
| 440 | + border-color: #475569; | |
| 441 | +} | |
| 442 | + | |
| 443 | +.wpbc_theme_choice_swatch_custom { | |
| 444 | + background: linear-gradient(135deg, #ffffff 0%, #ffffff 30%, #2271b1 30%, #2271b1 62%, #111827 62%, #111827 100%); | |
| 445 | + border-color: #8aa6c3; | |
| 368 | 446 | } |
| 369 | 447 | |
| 370 | 448 | .wpbc_theme_choice_swatch.wpbc_theme_dark_1 { |
| 371 | 449 | background: linear-gradient(135deg, #111827 0%, #334155 100%); |