diff options
Diffstat (limited to 'views/css')
| -rw-r--r-- | views/css/wpsg-theme.css | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css index 7dd86e3..3cdfa58 100644 --- a/views/css/wpsg-theme.css +++ b/views/css/wpsg-theme.css @@ -182,10 +182,10 @@ .wpsg-checkout__summary { padding:calc(var(--wpsg-gap) * 1.5); border:var(--wpsg-field-border); border-radius:var(--wpsg-radius); background:var(--wpsg-color-surface); } .wpsg-checkout__summary-title { margin:0 0 0.75em; font-size:1.25em; } .wpsg-checkout__summary-items { margin:0; padding:0; list-style:none; } -.wpsg-checkout__summary-row { display:flex; justify-content:space-between; gap:var(--wpsg-gap); margin:0 0 0.5em; } -.wpsg-checkout__summary-row > span:last-child { white-space:nowrap; text-align:right; } -.wpsg-checkout__summary-row > span:first-child { overflow-wrap:break-word; hyphens:auto; } -.wpsg-checkout__summary-variant { display:block; font-size:var(--wpsg-font-size-small); opacity:var(--wpsg-muted-opacity); } +.wpsg-checkout__summary-row { display:flex; flex-wrap:wrap; justify-content:space-between; column-gap:var(--wpsg-gap); margin:0 0 0.5em; } +.wpsg-checkout__summary-row > span:last-child { margin-left:auto; white-space:nowrap; text-align:right; } +.wpsg-checkout__summary-row > span:first-child { flex:1 1 0; min-width:min-content; overflow-wrap:break-word; hyphens:manual; } +.wpsg-checkout__summary-variant, .wpsg-checkout__summary-detail { display:block; font-size:var(--wpsg-font-size-small); opacity:var(--wpsg-muted-opacity); } .wpsg-checkout__summary-row.is-muted, .wpsg-checkout__summary-tax { opacity:var(--wpsg-muted-opacity); } .wpsg-checkout__summary-total { margin-top:0.75em; padding-top:0.75em; border-top:var(--wpsg-field-border); font-weight:700; font-size:1.1em; } .wpsg-checkout__summary-tax { margin:0.25em 0 0; font-size:var(--wpsg-font-size-small); } |