We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
text-shadow
When trying to use multiple text-shadow values, Satori reports a parsing issue:
<span style={{ // do a stroke around the text textShadow: `0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em black`, }} > {text} </span>
results in
Error: Failed to parse declaration "textShadow: 0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em black"
We should be able to set multiple text-shadow values, especially to allow to have a stroke around the text.
https://og-playground.vercel.app/?share=XVJNT7NAEP4rkzFvesF2tZS-bmoPfiR68KSJFy60O8DqwhJYWmrT_-4siFEPwDzPw-wzH3vErVWEEldK7-ISoHEHQ9fHo48BctJZ7iRMLoT4NwkGcq-Vy_9wSjeVSQ7Mpoa6kfXxna5p67QtWdta0xblqCZGZ-Wjo6LxEpWO6lF6axun08OtZbL0_r_lTbJ9z2rblurWGluzfpam6bcrZz3rD5Iwv_xBvX71EgnRs6dTXK59sGp22Y_OrmNcLmIcmJ2m_Y3tmBMgYLmA6FtKtTHMnwkhRmocHhRJnWnfsc-puklvBtDbsWGVuBwUJz_Nl9PF1fRyYebR9IpPDx-mUTiA8yj8iHG9mvm_h0JnXOkQ8bb-ur3YSkIoAnDUuec8UXYvIcaLqgP_1KQCOPdR_-rhb9RHXyhGLnn9QMbYAF5tbdRqxp5sPn4xQFv5vTYoj9hPDuV_ni0OlwZl6IGiTZuhTBPTUIBU2Df9cqj8jXP7HvE5fjv3xYYUSle3dDp9Ag
<div style={{ height: '100%', width: '100%', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', backgroundColor: '#fff', fontSize: 32, fontWeight: 600, }} > <svg width="75" viewBox="0 0 75 65" fill="#000" style={{ margin: '0 75px' }} > <path d="M37.59.25l36.95 64H.64l36.95-64z"></path> </svg> <div style={{ marginTop: 40, textShadow: "1px 1px red, -1px -1px red, 1px -1px red, -1px 1px red" }}>Hello, World</div> </div>
The text was updated successfully, but these errors were encountered:
closes #328
baeb73a
fix: Support multiple text-shadow (#436)
8d5c7a6
Closes #328.
🎉 This issue has been resolved in version 0.4.6 🎉
The release is available on:
Your semantic-release bot 📦🚀
Sorry, something went wrong.
Successfully merging a pull request may close this issue.
Bug report
Description / Observed Behavior
When trying to use multiple
text-shadow
values, Satori reports a parsing issue:results in
Expected Behavior
We should be able to set multiple text-shadow values, especially to allow to have a stroke around the text.
Reproduction
https://og-playground.vercel.app/?share=XVJNT7NAEP4rkzFvesF2tZS-bmoPfiR68KSJFy60O8DqwhJYWmrT_-4siFEPwDzPw-wzH3vErVWEEldK7-ISoHEHQ9fHo48BctJZ7iRMLoT4NwkGcq-Vy_9wSjeVSQ7Mpoa6kfXxna5p67QtWdta0xblqCZGZ-Wjo6LxEpWO6lF6axun08OtZbL0_r_lTbJ9z2rblurWGluzfpam6bcrZz3rD5Iwv_xBvX71EgnRs6dTXK59sGp22Y_OrmNcLmIcmJ2m_Y3tmBMgYLmA6FtKtTHMnwkhRmocHhRJnWnfsc-puklvBtDbsWGVuBwUJz_Nl9PF1fRyYebR9IpPDx-mUTiA8yj8iHG9mvm_h0JnXOkQ8bb-ur3YSkIoAnDUuec8UXYvIcaLqgP_1KQCOPdR_-rhb9RHXyhGLnn9QMbYAF5tbdRqxp5sPn4xQFv5vTYoj9hPDuV_ni0OlwZl6IGiTZuhTBPTUIBU2Df9cqj8jXP7HvE5fjv3xYYUSle3dDp9Ag
The text was updated successfully, but these errors were encountered: