Style stripe payment form
It's rough but it at least outlines the box for credit card details
This commit is contained in:
		
							parent
							
								
									35b75b6f96
								
							
						
					
					
						commit
						271d9e05cd
					
				
					 2 changed files with 26 additions and 1724 deletions
				
			
		|  | @ -107,3 +107,29 @@ div.system-message p.system-message-title { | |||
|     font-size: 12px; | ||||
|     padding: 5px 0 0 12px; | ||||
| } | ||||
| 
 | ||||
| /** | ||||
|  * The CSS shown here will not be introduced in the Quickstart guide, but shows | ||||
|  * how you can use CSS to style your Element's container. | ||||
|  */ | ||||
| .StripeElement { | ||||
|   background-color: white; | ||||
|   padding: 8px 12px; | ||||
|   border-radius: 4px; | ||||
|   border: 3px solid transparent; | ||||
|   box-shadow: 1px 3px 5px 1px #e6ebf1; | ||||
|   -webkit-transition: box-shadow 150ms ease; | ||||
|   transition: box-shadow 150ms ease; | ||||
| } | ||||
| 
 | ||||
| .StripeElement--focus { | ||||
|   box-shadow: 1px 3px 5px 1px #cfd7df; | ||||
| } | ||||
| 
 | ||||
| .StripeElement--invalid { | ||||
|   border-color: #fa755a; | ||||
| } | ||||
| 
 | ||||
| .StripeElement--webkit-autofill { | ||||
|   background-color: #fefde5 !important; | ||||
| } | ||||
|  |  | |||
										
											
												File diff suppressed because it is too large
												Load diff
											
										
									
								
							
		Loading…
	
	Add table
		
		Reference in a new issue
	
	 James Polley
						James Polley