Checkout Alpha
overview
Available for:
Figma
Bricks
Gutenberg
Overview
Variables
This frame uses the following locally scoped variables to make it easier for you to edit the style or behavior of this frame. Variables can be viewed or edited from the CSS tab.
--input-gap
Set Gap for "Input" Fields on Customer Details
--review-bg-color
Set Background Color on Order Review
--review-text-color
Set Text Color on Order Review
--review-radius
Set Radius on Order Review Card
--review-shadow
Set Box Shadow on Order Review Card
--order-gap
Set Gap Between Products in Order Review
--section-gap
Gap between Elements in Payment Details
--product-qty-weight
Set Font-Weight of Quantity Total
--pay-box-bg
Background Color of Payment Details
--pay-box-text-color
Text Color of Payment Details
--pay-box-radius
Border Radius of "Pay Now" Button
--button-color
Background Color of "Pay Now" Button
--button-color-hover
Background Hover Color of "Pay Now" Button
--button-text
Text Color of "Pay Now" Button
--button-text-hover
Text Hover Color of "Pay Now" Button
--button-font-size
Font Size of "Pay Now" Button
--button-width
Width of the "Pay Now" Button
HTML5 Tags & Attributes
Accessibility Notes
No additional accessibility notes for this frame.
Related Frames
No related frames.
FAQs
Use the related frames section above to check FAQs for other frames related to this frame if you don't see your question here.