← All changes | blocks/testimonials/style.css +72 -18 2.0.3 → 2.0.14 View file →

		@@ -18,18 +18,12 @@
18	18	--bkbg-ts-quote-icon-color: #3b82f6;
19	19	--bkbg-ts-quote-icon-size: 22px;
20	20
21	21	--bkbg-ts-quote-color: #111827;
22		- --bkbg-ts-quote-size: 16px;
23		- --bkbg-ts-quote-weight: 500;
24	22
25	23	--bkbg-ts-name-color: #111827;
26		- --bkbg-ts-name-size: 16px;
27		- --bkbg-ts-name-weight: 700;
28	24
29	25	--bkbg-ts-role-color: #6b7280;
30		- --bkbg-ts-role-size: 13px;
31		- --bkbg-ts-role-weight: 600;
32	26
33	27	--bkbg-ts-company-color: #6b7280;
34	28
35	29	--bkbg-ts-rating-color: #f59e0b;
		@@ -301,13 +295,19 @@
301	295	height: var(--bkbg-ts-quote-icon-size);
302	296	font-size: var(--bkbg-ts-quote-icon-size);
303	297	}
304	298
305		-.bkbg-ts-quote {
	299	+.bkbg-ts-wrap .bkbg-ts-quote {
306	300	color: var(--bkbg-ts-quote-color);
307		- font-size: var(--bkbg-ts-quote-size);
308		- font-weight: var(--bkbg-ts-quote-weight);
309		- line-height: 1.6;
	301	+ font-family: var(--bkts-qt-ff);
	302	+ font-size: var(--bkts-qt-fs-d, 16px);
	303	+ line-height: var(--bkts-qt-lh-d, 1.6);
	304	+ letter-spacing: var(--bkts-qt-ls-d);
	305	+ word-spacing: var(--bkts-qt-ws-d);
	306	+ font-weight: var(--bkts-qt-fw, 500);
	307	+ font-style: var(--bkts-qt-fst);
	308	+ text-decoration: var(--bkts-qt-td);
	309	+ text-transform: var(--bkts-qt-tt);
310	310	margin: 0;
311	311	}
312	312
313	313	.bkbg-ts-meta {
		@@ -349,21 +349,33 @@
349	349	gap: 2px;
350	350	min-width: 0;
351	351	}
352	352
353		-.bkbg-ts-name {
	353	+.bkbg-ts-wrap .bkbg-ts-name {
354	354	color: var(--bkbg-ts-name-color);
355		- font-size: var(--bkbg-ts-name-size);
356		- font-weight: var(--bkbg-ts-name-weight);
357		- line-height: 1.25;
	355	+ font-family: var(--bkts-nm-ff);
	356	+ font-size: var(--bkts-nm-fs-d, 16px);
	357	+ line-height: var(--bkts-nm-lh-d, 1.25);
	358	+ letter-spacing: var(--bkts-nm-ls-d);
	359	+ word-spacing: var(--bkts-nm-ws-d);
	360	+ font-weight: var(--bkts-nm-fw, 700);
	361	+ font-style: var(--bkts-nm-fst);
	362	+ text-decoration: var(--bkts-nm-td);
	363	+ text-transform: var(--bkts-nm-tt);
358	364	margin: 0;
359	365	}
360	366
361		-.bkbg-ts-roleline {
	367	+.bkbg-ts-wrap .bkbg-ts-roleline {
362	368	color: var(--bkbg-ts-role-color);
363		- font-size: var(--bkbg-ts-role-size);
364		- font-weight: var(--bkbg-ts-role-weight);
365		- line-height: 1.2;
	369	+ font-family: var(--bkts-rl-ff);
	370	+ font-size: var(--bkts-rl-fs-d, 13px);
	371	+ line-height: var(--bkts-rl-lh-d, 1.2);
	372	+ letter-spacing: var(--bkts-rl-ls-d);
	373	+ word-spacing: var(--bkts-rl-ws-d);
	374	+ font-weight: var(--bkts-rl-fw, 600);
	375	+ font-style: var(--bkts-rl-fst);
	376	+ text-decoration: var(--bkts-rl-td);
	377	+ text-transform: var(--bkts-rl-tt);
366	378	margin: 0;
367	379	}
368	380
369	381	.bkbg-ts-company {
		@@ -429,8 +441,50 @@
429	441	.bkbg-ts-actions .components-button {
430	442	min-width: 28px;
431	443	height: 28px;
432	444	padding: 0;
	445	+}
	446	+
	447	+/* ── Responsive typography ────────────────────────────────── */
	448	+@media (max-width: 1024px) {
	449	+ .bkbg-ts-wrap .bkbg-ts-quote {
	450	+ font-size: var(--bkts-qt-fs-t, var(--bkts-qt-fs-d, 16px));
	451	+ line-height: var(--bkts-qt-lh-t, var(--bkts-qt-lh-d, 1.6));
	452	+ letter-spacing: var(--bkts-qt-ls-t, var(--bkts-qt-ls-d));
	453	+ word-spacing: var(--bkts-qt-ws-t, var(--bkts-qt-ws-d));
	454	+ }
	455	+ .bkbg-ts-wrap .bkbg-ts-name {
	456	+ font-size: var(--bkts-nm-fs-t, var(--bkts-nm-fs-d, 16px));
	457	+ line-height: var(--bkts-nm-lh-t, var(--bkts-nm-lh-d, 1.25));
	458	+ letter-spacing: var(--bkts-nm-ls-t, var(--bkts-nm-ls-d));
	459	+ word-spacing: var(--bkts-nm-ws-t, var(--bkts-nm-ws-d));
	460	+ }
	461	+ .bkbg-ts-wrap .bkbg-ts-roleline {
	462	+ font-size: var(--bkts-rl-fs-t, var(--bkts-rl-fs-d, 13px));
	463	+ line-height: var(--bkts-rl-lh-t, var(--bkts-rl-lh-d, 1.2));
	464	+ letter-spacing: var(--bkts-rl-ls-t, var(--bkts-rl-ls-d));
	465	+ word-spacing: var(--bkts-rl-ws-t, var(--bkts-rl-ws-d));
	466	+ }
	467	+}
	468	+@media (max-width: 767px) {
	469	+ .bkbg-ts-wrap .bkbg-ts-quote {
	470	+ font-size: var(--bkts-qt-fs-m, var(--bkts-qt-fs-t, var(--bkts-qt-fs-d, 16px)));
	471	+ line-height: var(--bkts-qt-lh-m, var(--bkts-qt-lh-t, var(--bkts-qt-lh-d, 1.6)));
	472	+ letter-spacing: var(--bkts-qt-ls-m, var(--bkts-qt-ls-t, var(--bkts-qt-ls-d)));
	473	+ word-spacing: var(--bkts-qt-ws-m, var(--bkts-qt-ws-t, var(--bkts-qt-ws-d)));
	474	+ }
	475	+ .bkbg-ts-wrap .bkbg-ts-name {
	476	+ font-size: var(--bkts-nm-fs-m, var(--bkts-nm-fs-t, var(--bkts-nm-fs-d, 16px)));
	477	+ line-height: var(--bkts-nm-lh-m, var(--bkts-nm-lh-t, var(--bkts-nm-lh-d, 1.25)));
	478	+ letter-spacing: var(--bkts-nm-ls-m, var(--bkts-nm-ls-t, var(--bkts-nm-ls-d)));
	479	+ word-spacing: var(--bkts-nm-ws-m, var(--bkts-nm-ws-t, var(--bkts-nm-ws-d)));
	480	+ }
	481	+ .bkbg-ts-wrap .bkbg-ts-roleline {
	482	+ font-size: var(--bkts-rl-fs-m, var(--bkts-rl-fs-t, var(--bkts-rl-fs-d, 13px)));
	483	+ line-height: var(--bkts-rl-lh-m, var(--bkts-rl-lh-t, var(--bkts-rl-lh-d, 1.2)));
	484	+ letter-spacing: var(--bkts-rl-ls-m, var(--bkts-rl-ls-t, var(--bkts-rl-ls-d)));
	485	+ word-spacing: var(--bkts-rl-ws-m, var(--bkts-rl-ws-t, var(--bkts-rl-ws-d)));
	486	+ }
433	487	}
434	488
435	489	@media (prefers-reduced-motion: reduce) {
436	490	.bkbg-ts-carousel-track {