diff options
| author | Roger Rehnelt <noreply@maennchen1.de> | 2026-10-03 12:41:22 +0200 |
|---|---|---|
| committer | Roger Rehnelt <noreply@maennchen1.de> | 2026-10-03 12:41:22 +0200 |
| commit | 8dd377f356e2dfce29bb415bc2a8f050013aff79 (patch) | |
| tree | 805b3573a23b26fee0a8721a2d1ce90d442dcbe4 /views/css/wpsg-theme.css | |
| parent | e44b9a9bc3bae22e2e82dc7865cd3d65377448b1 (diff) | |
Produktseite: Artikelnummer als Liste, Texte mit Überschrift im Modus „neu“
Artikelnummer und Produktcodes stehen als Liste unter dem Knopf. Langtext, Zusätzliche Informationen und Lieferumfang stehen je in einem Abschnitt mit H2.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Diffstat (limited to 'views/css/wpsg-theme.css')
| -rw-r--r-- | views/css/wpsg-theme.css | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css index 917ad01..39b1ba2 100644 --- a/views/css/wpsg-theme.css +++ b/views/css/wpsg-theme.css @@ -344,6 +344,9 @@ .wpsg-product :where(.wpsg-product__amount) { display:flex; flex-direction:column; gap:0.3em; } .wpsg-product :where(.wpsg-product__amount > label) { margin:0; } .wpsg-product .wpsg-product__buy .wpsg_add_basket { flex:1 1 12em; min-height:44px; } +.wpsg-product :where(.wpsg-product__facts) { margin:var(--wpsg-gap) 0 0; padding:var(--wpsg-gap) 0 0; list-style:none; border-top:1px solid var(--wpsg-color-line); display:flex; flex-direction:column; gap:0.25em; opacity:var(--wpsg-muted-opacity); } +.wpsg-product :where(.wpsg-product__section) { margin-top:calc(var(--wpsg-gap) * 2); } +.wpsg-product :where(.wpsg-product__section-title) { margin:0 0 0.5em; } .wpsg_productform :where(.wpsg_product_layer) { position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--wpsg-color-surface); padding:0.75em; margin:-0.75em; box-sizing:content-box; } .wpsg_productform :where(.wpsg_product_layer img) { position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-5px; } .wpsg_product_deliverytime_holiday { padding:10px; border-left:4px solid var(--wpsg-color-notice); background-color:var(--wpsg-color-surface); } |