mirror of
https://github.com/supabase/supabase.git
synced 2026-10-11 20:35:07 +03:00
Jonathan Summers-Muir
972773ca87
* init * add more examples * update modal * update modals * more modals updated * update modal * Update NewAccessTokenButton.tsx * Update NewAccessTokenButton.tsx * fix: issue with scale on dialog opening. chore: added bg-dialog color * fix modals * add deprecation notices * revert bg * revert * Update Modal.tsx * Update PITRSelection.tsx * update dialog docs * fix: issue with payment method modal * update terminal instructions * update padding defaults
78 lines
1.2 KiB
SCSS
78 lines
1.2 KiB
SCSS
// stylesheet pertaining specifically to Stripe elements
|
|
|
|
@keyframes fade {
|
|
from {
|
|
opacity: 0;
|
|
transform: scale3D(0.95, 0.95, 0.95);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: scale3D(1, 1, 1);
|
|
}
|
|
}
|
|
|
|
@keyframes void-animation-out {
|
|
0%,
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.StripeElement--webkit-autofill {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.StripeElement {
|
|
width: 100%;
|
|
}
|
|
|
|
.ErrorMessage {
|
|
color: black;
|
|
position: absolute;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 0 15px;
|
|
font-size: 13px;
|
|
margin-top: 0px;
|
|
width: 100%;
|
|
transform: translateY(-15px);
|
|
opacity: 0;
|
|
animation: fade 150ms ease-out;
|
|
animation-delay: 50ms;
|
|
animation-fill-mode: forwards;
|
|
will-change: opacity, transform;
|
|
}
|
|
|
|
.ErrorMessage svg {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.Result {
|
|
margin-top: 50px;
|
|
text-align: center;
|
|
animation: fade 200ms ease-out;
|
|
}
|
|
|
|
.ResultTitle {
|
|
color: black;
|
|
font-weight: 500;
|
|
margin-bottom: 8px;
|
|
font-size: 17px;
|
|
text-align: center;
|
|
}
|
|
|
|
.ResultMessage {
|
|
color: black;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
margin-bottom: 25px;
|
|
line-height: 1.6em;
|
|
text-align: center;
|
|
}
|
|
|
|
.ResetButton {
|
|
border: 0;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
}
|