PK CS7z va-rainbow-text.cccompPK BSl g component.jsong{"UUID":"04a765b4-3ee6-45e6-bef5-68e078385d28","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 1":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 2":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3479","appId":"RSD","appVersion":3479,"buildNumber":5939,"component_resources":{"classes":5,"file_sizes_values":[0,0,0],"file_type_values":[0,0,0],"html_elements":0,"ids":0,"links_external":0,"links_internal":0,"local_files":0,"styled_breakpoints":""},"description":"Your component description","element_name":"Container","framework":"vanillacss","html":"
Here is a rainbow heading!
Unless you are using IE11.
Then it is black.
","htmlembed":{},"mobile_first":true,"name":"va-rainbow-text","resources":{},"stylesheet":".container.blend-bg-div-1 {\n margin-top:23px;\n width:100%;\n margin-right:auto;\n margin-left:auto;\n background-image:linear-gradient(90deg, rgba(255, 0, 24, 1) 3%, rgba(220, 196, 26, 1) 31%, rgba(27, 135, 206, 1) 68%, rgba(106, 10, 96, 1) 97%);\n background-blend-mode:normal;\n background-position:left top;\n background-attachment:scroll;\n background-repeat:repeat;\n background-size:auto auto;\n background-origin:padding-box;\n background-clip:border-box;\n filter:opacity(0.98) invert(0.03) saturate(0.9) brightness(1.28);\n color:rgba(255, 255, 255, 1);\n min-height:50px;\n max-width:652px;\n}\n\nh1.heading-1-1 {\n text-align:center;\n font-size:50px;\n color:rgba(0, 0, 0, 1);\n background-color:rgba(255, 255, 255, 1);\n mix-blend-mode:screen;\n max-width:652px;\n}\n\n.container.blend-bg-div-2 {\n margin-top:23px;\n width:100%;\n margin-right:auto;\n margin-left:auto;\n background-image:linear-gradient(90deg, rgba(255, 0, 24, 1) 3%, rgba(220, 196, 26, 1) 31%, rgba(27, 135, 206, 1) 68%, rgba(106, 10, 96, 1) 97%);\n background-blend-mode:normal;\n background-position:left top;\n background-attachment:scroll;\n background-repeat:repeat;\n background-size:auto auto;\n background-origin:padding-box;\n background-clip:border-box;\n filter:opacity(0.98) invert(0.03) saturate(0.9) brightness(1.28);\n color:rgba(255, 255, 255, 1);\n min-height:50px;\n max-width:652px;\n}\n\nh2.heading-3 {\n color:rgba(0, 0, 0, 1);\n background-color:rgba(255, 255, 255, 1);\n mix-blend-mode:screen;\n text-align:center;\n font-size:38px;\n max-width:652px;\n}","timestamp":1630131699774,"type":"Container","units":"rem"}
PK BSl g component.jsonPK <