| @@ -100,14 +100,19 @@ | ||
| 100 | 100 | |
| 101 | 101 | .bkbg-marquee-item { |
| 102 | 102 | display: inline-flex; |
| 103 | 103 | align-items: center; |
| 104 | - font-size: var(--bkbg-mq-font-size); | |
| 105 | - font-weight: var(--bkbg-mq-font-weight); | |
| 106 | - letter-spacing: var(--bkbg-mq-letter-spacing); | |
| 104 | + font-family: var(--bkbg-mq-tx-font-family, inherit); | |
| 105 | + font-size: var(--bkbg-mq-tx-font-size-d, var(--bkbg-mq-font-size, 15px)); | |
| 106 | + font-weight: var(--bkbg-mq-tx-font-weight, var(--bkbg-mq-font-weight, 500)); | |
| 107 | + font-style: var(--bkbg-mq-tx-font-style, normal); | |
| 108 | + text-decoration: var(--bkbg-mq-tx-text-decoration, none); | |
| 109 | + text-transform: var(--bkbg-mq-tx-text-transform, none); | |
| 110 | + line-height: var(--bkbg-mq-tx-line-height-d, 1.4); | |
| 111 | + letter-spacing: var(--bkbg-mq-tx-letter-spacing-d, var(--bkbg-mq-letter-spacing, normal)); | |
| 112 | + word-spacing: var(--bkbg-mq-tx-word-spacing-d, normal); | |
| 107 | 113 | white-space: nowrap; |
| 108 | 114 | color: inherit; |
| 109 | - text-decoration: none; | |
| 110 | 115 | transition: color 180ms ease; |
| 111 | 116 | } |
| 112 | 117 | |
| 113 | 118 | a.bkbg-marquee-item:hover { |
| @@ -117,9 +122,9 @@ | ||
| 117 | 122 | .bkbg-marquee-separator { |
| 118 | 123 | display: inline-block; |
| 119 | 124 | margin: 0 var(--bkbg-mq-sep-spacing); |
| 120 | 125 | opacity: 0.5; |
| 121 | - font-size: var(--bkbg-mq-font-size); | |
| 126 | + font-size: var(--bkbg-mq-tx-font-size-d, var(--bkbg-mq-font-size, 15px)); | |
| 122 | 127 | } |
| 123 | 128 | |
| 124 | 129 | .bkbg-marquee-gap { |
| 125 | 130 | display: inline-block; |
| @@ -236,5 +241,12 @@ | ||
| 236 | 241 | } |
| 237 | 242 | |
| 238 | 243 | .bkbg-marquee-wrap.text-capitalize .bkbg-marquee-item { |
| 239 | 244 | text-transform: capitalize; |
| 245 | +} | |
| 246 | + | |
| 247 | +@media (max-width: 1024px) { | |
| 248 | + .bkbg-marquee-item { font-size: var(--bkbg-mq-tx-font-size-t, var(--bkbg-mq-font-size, 15px)); line-height: var(--bkbg-mq-tx-line-height-t, 1.4); letter-spacing: var(--bkbg-mq-tx-letter-spacing-t, var(--bkbg-mq-letter-spacing, normal)); word-spacing: var(--bkbg-mq-tx-word-spacing-t, normal); } | |
| 249 | +} | |
| 250 | +@media (max-width: 767px) { | |
| 251 | + .bkbg-marquee-item { font-size: var(--bkbg-mq-tx-font-size-m, var(--bkbg-mq-font-size, 15px)); line-height: var(--bkbg-mq-tx-line-height-m, 1.4); letter-spacing: var(--bkbg-mq-tx-letter-spacing-m, var(--bkbg-mq-letter-spacing, normal)); word-spacing: var(--bkbg-mq-tx-word-spacing-m, normal); } | |
| 240 | 252 | } |
