houdini/app/assets/stylesheets/components/cards.css.scss

36 lines
810 B
SCSS
Raw Normal View History

/* License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later */
@import 'mixins';
.cardForm {
max-width: 380px;
margin: 0 auto;
}
.cardForm input,
.cardForm select {
margin: 0;
}
.cardForm .progress {
width: 100%;
}
.cardForm .parsley-error-list {
display: none;
}
.cardForm .security-code-image,
.cardForm .card-logos {
position: absolute;
top: 5px;
right: 5px;
}
.cardForm .card-logos {
width: 32px;
height: 21px;
background-image: url('/assets/graphics/credit-card-logos.png');
@include opacity(0);
&.americanexpress, &.visa, &.discovercard, &.mastercard { @include opacity(1); }
&.americanexpress { background-position: 0; }
&.visa { background-position: 32px; }
&.mastercard { background-position: 64px; }
&.discovercard { background-position: 96px; }
}