Mypal68/browser/components/payments/res/containers/basic-card-form.css
2022-04-16 07:41:55 +03:00

44 lines
1.3 KiB
CSS

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
basic-card-form .editCreditCardForm {
/* Add the persist-checkbox row to the grid */
grid-template-areas:
"cc-number cc-exp-month cc-exp-year"
"cc-name cc-type cc-csc"
"accepted accepted accepted"
"persist-checkbox persist-checkbox persist-checkbox"
"billingAddressGUID billingAddressGUID billingAddressGUID";
}
basic-card-form csc-input {
display: flex;
flex-grow: 1;
}
basic-card-form .editCreditCardForm > accepted-cards {
grid-area: accepted;
margin: 0;
}
basic-card-form .editCreditCardForm .persist-checkbox {
display: flex;
grid-area: persist-checkbox;
}
#billingAddressGUID-container {
display: grid;
}
basic-card-form > footer > .cancel-button {
/* When cancel is shown (during onboarding), it should always be on the left with a space after it */
margin-right: auto;
}
basic-card-form > footer > .cancel-button[hidden] ~ .back-button {
/* When back is shown (outside onboarding) we want "Back <space> Add/Save" */
/* Bug 1468153 may change the button ordering to match platform conventions */
margin-right: auto;
}