Changing px to rem
This commit is contained in:
parent
6c95368cdf
commit
2be534b11e
2 changed files with 14 additions and 3 deletions
|
|
@ -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",
|
||||||
|
},
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue