@bytebrand/fe-ui-core-autobahn 1.0.69 → 1.0.70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/theme/md3.css +13 -7
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bytebrand/fe-ui-core-autobahn",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.70",
|
|
4
4
|
"description": "auto.de md3 (Autobahn) design system — UI primitives, cards, chrome, VDP modules, theme CSS and locales. Ships raw TypeScript source (like fe-ui-core before it); each consumer's bundler compiles it.",
|
|
5
5
|
"main": "index.ts",
|
|
6
6
|
"license": "UNLICENSED",
|
package/theme/md3.css
CHANGED
|
@@ -4286,8 +4286,8 @@ line-height: 31px;
|
|
|
4286
4286
|
SRP card's desktop-only PricePaths output (mobile's PriceHero, used by the tab switcher, has
|
|
4287
4287
|
no `.pricepaths` ancestor), so this can't leak into mobile without an extra media query. */
|
|
4288
4288
|
.md3 .listcard-price .pricepaths .pp-hero-val {
|
|
4289
|
-
font-size:
|
|
4290
|
-
line-height:
|
|
4289
|
+
font-size: 55px;
|
|
4290
|
+
line-height: 49px;
|
|
4291
4291
|
letter-spacing: -2px;
|
|
4292
4292
|
}
|
|
4293
4293
|
.md3 .listcard-price .pricepaths .pp-hero-val--len4 { font-size: 42px; line-height: 45px; }
|
|
@@ -4306,7 +4306,7 @@ line-height: 31px;
|
|
|
4306
4306
|
.md3 .listcard-price .pricepaths .pp-hero-old {
|
|
4307
4307
|
position: relative;
|
|
4308
4308
|
display: inline-block;
|
|
4309
|
-
font-size:
|
|
4309
|
+
font-size: 14px;
|
|
4310
4310
|
font-weight: 400;
|
|
4311
4311
|
color: #0e2238;
|
|
4312
4312
|
text-decoration: none;
|
|
@@ -4314,13 +4314,19 @@ line-height: 31px;
|
|
|
4314
4314
|
.md3 .listcard-price .pricepaths .pp-hero-old::after {
|
|
4315
4315
|
content: '';
|
|
4316
4316
|
position: absolute;
|
|
4317
|
-
left: -
|
|
4318
|
-
right: -
|
|
4317
|
+
left: -1px;
|
|
4318
|
+
right: -1px;
|
|
4319
4319
|
top: 50%;
|
|
4320
4320
|
border-top: 2px solid #e60000;
|
|
4321
4321
|
transform: rotate(12.53deg);
|
|
4322
4322
|
transform-origin: center;
|
|
4323
4323
|
}
|
|
4324
|
+
/* the "/mtl." unit stacked BELOW the old price inside the UVP-Rate group — at the bare-unit's
|
|
4325
|
+
18px base it was the single widest line in the column (wider than the 14px old price or the
|
|
4326
|
+
8px UVP-Rate caption above it), pushing the badge + old-price past the card edge (reported:
|
|
4327
|
+
both visibly clipped). Narrower here since it has two lines of context above it, unlike the
|
|
4328
|
+
no-discount case (.pp-hero-val + .pp-hero-unit above) which stands alone next to the rate. */
|
|
4329
|
+
.md3 .listcard-price .pricepaths .pp-hero-unit-group .pp-hero-unit { font-size: 14px; }
|
|
4324
4330
|
/* keep the rate + its UVP/old-price/unit group on ONE line (matches .cc-price's own override) —
|
|
4325
4331
|
without this the group wraps below the rate the moment the column runs a few px short. */
|
|
4326
4332
|
.md3 .listcard-price .pricepaths .pp-hero-rate {
|
|
@@ -4359,7 +4365,7 @@ line-height: 31px;
|
|
|
4359
4365
|
justify-content: center;
|
|
4360
4366
|
position: absolute;
|
|
4361
4367
|
top: -5px;
|
|
4362
|
-
right: -
|
|
4368
|
+
right: -1px;
|
|
4363
4369
|
border-radius: 50%;
|
|
4364
4370
|
width: 12px;
|
|
4365
4371
|
height: 11px;
|
|
@@ -4372,7 +4378,7 @@ line-height: 31px;
|
|
|
4372
4378
|
}
|
|
4373
4379
|
.md3 .listcard-price .pricepaths .pp-hero-old .pp-eyebrow-badge {
|
|
4374
4380
|
top: -7px;
|
|
4375
|
-
right: -
|
|
4381
|
+
right: -3px;
|
|
4376
4382
|
}
|
|
4377
4383
|
.md3 .listcard-price .pricepaths .pp-uvp-tooltip {
|
|
4378
4384
|
position: absolute;
|