Fix #547 -- Switch to Stripe Elements

This commit is contained in:
Raphael Michel
2017-07-10 20:00:03 +02:00
parent c70301572c
commit 687ce29366
4 changed files with 124 additions and 143 deletions

View File

@@ -1,16 +1,31 @@
.panel-title .radio {
margin-left: 20px;
margin-left: 20px;
}
.form-control + .form-control-feedback {
/* Fix for https://github.com/FortAwesome/Font-Awesome/issues/4313 */
position: absolute;
top: 0;
right: 0;
z-index: 2; // Ensure icon is above input groups
display: block;
width: $input-height-base;
height: $input-height-base;
line-height: $input-height-base;
text-align: center;
pointer-events: none;
}
/* Fix for https://github.com/FortAwesome/Font-Awesome/issues/4313 */
position: absolute;
top: 0;
right: 0;
z-index: 2; // Ensure icon is above input groups
display: block;
width: $input-height-base;
height: $input-height-base;
line-height: $input-height-base;
text-align: center;
pointer-events: none;
}
.form-control.is-focused {
@extend .form-control:focus;
}
.form-control.has-error {
border-color: $state-danger-text;
@include box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075)); // Redeclare so transitions work
&:focus, &.is-focused {
border-color: darken($state-danger-text, 10%);
$shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten($state-danger-text, 20%);
@include box-shadow($shadow);
}
}