Changing px to rem

This commit is contained in:
Michaela Brydon 2024-02-28 12:39:07 -05:00
parent 6c95368cdf
commit 2be534b11e
2 changed files with 14 additions and 3 deletions

View file

@ -0,0 +1,11 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`cart-dropdown component initial data rendered as expected 1`] = `
Object {
"currencyFormatter": NumberFormat {},
"isExpanded": false,
"widget": Object {
"amountDue": "AmountDueTextWidget",
},
}
`;

View file

@ -108,8 +108,8 @@ export default {
background-image: url($svg-payment-method-review-toggle); background-image: url($svg-payment-method-review-toggle);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right center; background-position: right center;
width: 16px; width: 1rem;
height: 9px; height: 0.5625rem;
display: inline-flex; display: inline-flex;
position: relative; position: relative;
right: 0.75rem; right: 0.75rem;
@ -120,7 +120,7 @@ export default {
transform: rotate(180deg); transform: rotate(180deg);
} }
&.expanded + .cart-table { &.expanded + .cart-table {
max-height: 800px; max-height: 50rem;
transition: all 150ms ease-in; transition: all 150ms ease-in;
overflow: hidden; overflow: hidden;
visibility: visible; visibility: visible;