Extra CSS properties
|
CSS property |
Description |
|
fontFamily |
A text font style. |
|
color |
An HEX code of the text font color. |
|
CSS property |
Description |
|
fontSize |
A text font size. |
|
fontSmooth |
A property of anti-aliasing when the element font is rendered. |
|
fontStyle |
A text font style. |
|
fontVariant |
A property to render a text in small-caps font. |
|
fontWeight |
A text weight meaning. |
|
lineHeight |
A vertical distance between two lines of text. |
|
letterSpacing |
A horizontal spacing between text symbols. |
|
textAlign |
A property of text alignment. |
|
textDecoration |
A property of applying decorative lines on text. |
|
textShadow |
A property of text shadowing. |
|
textTransform |
A property of text capitalization. |
Example of filling in the Localization field
{
"default": "en", "en": {
"header": { "secureInfo": {
"text": "Secure payment is provided by [PSP name](link to PSP website)"
}
},
"buttons": {
"card": {
"text": "Pay with card {amount}"
},
"brands": {
"text": "Other payment methods"
},
"pay": {
"text": "Pay {amount}"
}
},
"holder": {
"placeholder": "Enter cardholder name"
},
"cvc": {
"placeholder": "CVV", "textError": "Enter CVC code",
"hint": "3-digit code located on the back of your card"
},
"number": {
"placeholder": "Card number", "textError": "Incorrect card number"
},
"expired": {
"placeholder": "Expires",
"textError": "Correct the expiration date"
}}
}
}