| 192 | var text = ""; |
| 193 | |
| 194 | function updateText() { |
| 195 | text = ` |
| 196 | background-color: ${valObj.bgColor}; |
| 197 | color: ${valObj.fColor}; |
| 198 | border-color: ${valObj.brColor}; |
| 199 | border-width: ${valObj.brSize + "px"}; |
| 200 | font-size: ${valObj.fSize + "px"}; |
| 201 | border-style: ${valObj.BorderStyle}; |
| 202 | margin-top: ${valObj.tMargin + "px"}; |
| 203 | margin-right: ${valObj.rMargin + "px"}; |
| 204 | margin-bottom: ${valObj.bMargin + "px"}; |
| 205 | margin-left: ${valObj.lMargin + "px"}; |
| 206 | padding-top: ${valObj.tPadding + "px"}; |
| 207 | padding-right: ${valObj.rPadding + "px"}; |
| 208 | padding-bottom: ${valObj.bPadding + "px"}; |
| 209 | padding-left: ${valObj.lPadding + "px"}; |
| 210 | border-top-left-radius: ${valObj.tlRadius + "px"}; |
| 211 | border-top-right-radius: ${valObj.trRadius + "px"}; |
| 212 | border-bottom-right-radius: ${valObj.brRadius + "px"}; |
| 213 | border-bottom-left-radius: ${valObj.blRadius + "px"}; |
| 214 | `; |
| 215 | } |
| 216 | //clipboard function |
| 217 | copyBtn.addEventListener("click", function () { |
| 218 | navigator.clipboard.writeText(text).then( |