openvibers/openvibe.host Commits
Phones: the catalog's plan terms and warn chips read at 12 px (#291)
Changes
@@@ -37,12 +37,12 @@.hc-price { font-weight: 700; font-size: 15px; color: var(--hs-fg); }.hc-per { color: var(--hs-muted); font-size: 12px; margin-left: 1px; }/* The term a price is quoted for, when it is not month to month (market outcome 1). */--.hc-term { display: block; color: var(--hs-muted); font-size: 11.5px; font-weight: 600; line-height: 1.3; }++.hc-term { display: block; color: var(--hs-muted); font-size: .75rem; font-weight: 600; line-height: 1.3; }.hc-dim { color: var(--hs-muted); }.hc-unknown { color: var(--hs-muted); font-style: italic; font-size: 13px; }.hc-checked { white-space: nowrap; color: var(--hs-muted); font-variant-numeric: tabular-nums; }.hc-src { font-size: 12px; margin-left: .25rem; }--.hc-chip { display: inline-block; vertical-align: middle; margin-left: .25rem; padding: 1px 6px; border-radius: 999px; font-size: 11px; font-weight: 600;++.hc-chip { display: inline-block; vertical-align: middle; margin-left: .25rem; padding: 1px 6px; border-radius: 999px; font-size: .75rem; font-weight: 600;letter-spacing: .02em; color: var(--hs-warn); border: 1px solid color-mix(in srgb, var(--hs-warn) 45%, transparent); background: color-mix(in srgb, var(--hs-warn) 10%, transparent); }.button .hc-chip { color: inherit; border-color: currentColor; background: transparent; }
@@ -37,12 +37,12 @@
@@ -37,12 +37,12 @@
.hc-price { font-weight: 700; font-size: 15px; color: var(--hs-fg); }
.hc-price { font-weight: 700; font-size: 15px; color: var(--hs-fg); }
.hc-per { color: var(--hs-muted); font-size: 12px; margin-left: 1px; }
.hc-per { color: var(--hs-muted); font-size: 12px; margin-left: 1px; }
/* The term a price is quoted for, when it is not month to month (market outcome 1). */
/* The term a price is quoted for, when it is not month to month (market outcome 1). */
-.hc-term { display: block; color: var(--hs-muted); font-size: 11.5px; font-weight: 600; line-height: 1.3; }
+.hc-term { display: block; color: var(--hs-muted); font-size: .75rem; font-weight: 600; line-height: 1.3; }
.hc-dim { color: var(--hs-muted); }
.hc-dim { color: var(--hs-muted); }
.hc-unknown { color: var(--hs-muted); font-style: italic; font-size: 13px; }
.hc-unknown { color: var(--hs-muted); font-style: italic; font-size: 13px; }
.hc-checked { white-space: nowrap; color: var(--hs-muted); font-variant-numeric: tabular-nums; }
.hc-checked { white-space: nowrap; color: var(--hs-muted); font-variant-numeric: tabular-nums; }
.hc-src { font-size: 12px; margin-left: .25rem; }
.hc-src { font-size: 12px; margin-left: .25rem; }
-.hc-chip { display: inline-block; vertical-align: middle; margin-left: .25rem; padding: 1px 6px; border-radius: 999px; font-size: 11px; font-weight: 600;
+.hc-chip { display: inline-block; vertical-align: middle; margin-left: .25rem; padding: 1px 6px; border-radius: 999px; font-size: .75rem; font-weight: 600;
letter-spacing: .02em; color: var(--hs-warn); border: 1px solid color-mix(in srgb, var(--hs-warn) 45%, transparent); background: color-mix(in srgb, var(--hs-warn) 10%, transparent); }
letter-spacing: .02em; color: var(--hs-warn); border: 1px solid color-mix(in srgb, var(--hs-warn) 45%, transparent); background: color-mix(in srgb, var(--hs-warn) 10%, transparent); }
.button .hc-chip { color: inherit; border-color: currentColor; background: transparent; }
.button .hc-chip { color: inherit; border-color: currentColor; background: transparent; }