| @@ -255,10 +255,8 @@ | ||
| 255 | 255 | |
| 256 | 256 | .bkbg-ba-label { |
| 257 | 257 | background: var(--bkbg-ba-label-bg); |
| 258 | 258 | color: var(--bkbg-ba-label-color); |
| 259 | - font-size: var(--bkbg-ba-label-size); | |
| 260 | - font-weight: 600; | |
| 261 | 259 | padding: 6px 10px; |
| 262 | 260 | border-radius: var(--bkbg-ba-label-radius); |
| 263 | 261 | max-width: 48%; |
| 264 | 262 | overflow: hidden; |
| @@ -263,8 +261,17 @@ | ||
| 263 | 261 | max-width: 48%; |
| 264 | 262 | overflow: hidden; |
| 265 | 263 | text-overflow: ellipsis; |
| 266 | 264 | white-space: nowrap; |
| 265 | + font-family: var(--bkbg-ba-label-font-family, inherit); | |
| 266 | + font-size: var(--bkbg-ba-label-font-size-d, var(--bkbg-ba-label-font-size, 13px)); | |
| 267 | + font-weight: var(--bkbg-ba-label-font-weight, 600); | |
| 268 | + font-style: var(--bkbg-ba-label-font-style, normal); | |
| 269 | + text-transform: var(--bkbg-ba-label-text-transform, none); | |
| 270 | + text-decoration: var(--bkbg-ba-label-text-decoration, none); | |
| 271 | + line-height: var(--bkbg-ba-label-line-height-d, var(--bkbg-ba-label-line-height, 1.3)); | |
| 272 | + letter-spacing: var(--bkbg-ba-label-letter-spacing-d, var(--bkbg-ba-label-letter-spacing, normal)); | |
| 273 | + word-spacing: var(--bkbg-ba-label-word-spacing-d, var(--bkbg-ba-label-word-spacing, normal)); | |
| 267 | 274 | } |
| 268 | 275 | |
| 269 | 276 | /* Accessible range input (covers the whole slider) */ |
| 270 | 277 | .bkbg-ba-range { |
| @@ -540,5 +547,22 @@ | ||
| 540 | 547 | .bkbg-ba-media-hint { |
| 541 | 548 | margin: 10px 0 0; |
| 542 | 549 | font-size: 12px; |
| 543 | 550 | color: rgba(0,0,0,0.6); |
| 551 | +} | |
| 552 | + | |
| 553 | +@media (max-width: 1024px) { | |
| 554 | + .bkbg-ba-label { | |
| 555 | + font-size: var(--bkbg-ba-label-font-size-t, var(--bkbg-ba-label-font-size-d, var(--bkbg-ba-label-font-size, 13px))); | |
| 556 | + line-height: var(--bkbg-ba-label-line-height-t, var(--bkbg-ba-label-line-height-d, var(--bkbg-ba-label-line-height, 1.3))); | |
| 557 | + letter-spacing: var(--bkbg-ba-label-letter-spacing-t, var(--bkbg-ba-label-letter-spacing-d, var(--bkbg-ba-label-letter-spacing, normal))); | |
| 558 | + word-spacing: var(--bkbg-ba-label-word-spacing-t, var(--bkbg-ba-label-word-spacing-d, var(--bkbg-ba-label-word-spacing, normal))); | |
| 559 | + } | |
| 560 | +} | |
| 561 | +@media (max-width: 767px) { | |
| 562 | + .bkbg-ba-label { | |
| 563 | + font-size: var(--bkbg-ba-label-font-size-m, var(--bkbg-ba-label-font-size-t, var(--bkbg-ba-label-font-size-d, var(--bkbg-ba-label-font-size, 13px)))); | |
| 564 | + line-height: var(--bkbg-ba-label-line-height-m, var(--bkbg-ba-label-line-height-t, var(--bkbg-ba-label-line-height-d, var(--bkbg-ba-label-line-height, 1.3)))); | |
| 565 | + letter-spacing: var(--bkbg-ba-label-letter-spacing-m, var(--bkbg-ba-label-letter-spacing-t, var(--bkbg-ba-label-letter-spacing-d, var(--bkbg-ba-label-letter-spacing, normal)))); | |
| 566 | + word-spacing: var(--bkbg-ba-label-word-spacing-m, var(--bkbg-ba-label-word-spacing-t, var(--bkbg-ba-label-word-spacing-d, var(--bkbg-ba-label-word-spacing, normal)))); | |
| 567 | + } | |
| 544 | 568 | } |
