PK taS]+ X+ va-responsive-table.cccompX+PK saS
J* * component.json**{"UUID":"0bc79162-97dc-4387-94e9-07fcf8449c16","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Font Icon":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Text":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3466","appId":"RSD","appVersion":3466,"buildNumber":5927,"component_resources":{"classes":12,"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":"850px"},"description":"Your component description","element_name":"Container","framework":"vanillacss","html":"
Tom
tom@home.com
www.toms-site.com
Dick
dick@home.com
www.dicks-site.com
Harry
harry@home.com
www.harrys-site.com
","htmlembed":{},"mobile_first":true,"name":"va-responsive-table","resources":{},"stylesheet":".container.holding-it-all {\n box-sizing:border-box;\n margin-top:30px;\n}\n\n.container.inside-holder {\n display:flex;\n flex-wrap:wrap;\n justify-content:center;\n width:100%;\n padding-right:8px;\n padding-left:8px;\n box-sizing:border-box;\n}\n\n.container.unit-left {\n display:flex;\n flex-direction:column;\n width:40%;\n margin-bottom:16px;\n box-sizing:border-box;\n background-color:rgba(255, 255, 255, 1);\n border-top-width:0.0625rem;\n border-top-style:solid;\n border-right-style:solid;\n border-bottom-style:solid;\n border-left-style:solid;\n border-right-width:0.0625rem;\n border-bottom-width:0.0625rem;\n border-left-width:0.0625rem;\n border-top-color:rgba(255, 255, 255, 1);\n border-right-color:rgba(255, 255, 255, 1);\n border-bottom-color:rgba(255, 255, 255, 1);\n border-left-color:rgba(255, 255, 255, 1);\n}\n\n.container.first-col {\n display:flex;\n align-items:center;\n background-color:rgba(205, 203, 241, 0.4);\n border-top-width:0.0625rem;\n border-top-style:solid;\n border-right-style:solid;\n border-bottom-style:solid;\n border-left-style:solid;\n border-right-width:0.0625rem;\n border-bottom-width:0.0625rem;\n border-left-width:0.0625rem;\n border-top-color:rgba(204, 204, 204, 1);\n border-right-color:rgba(204, 204, 204, 1);\n border-bottom-color:rgba(204, 204, 204, 1);\n border-left-color:rgba(204, 204, 204, 1);\n height:40px;\n}\n\n.container.first-col.short {\n background-color:rgba(29, 22, 155, 1);\n color:rgba(255, 255, 255, 1);\n}\n\nspan.text-element.t-txt {\n padding-left:10px;\n font-family:'Roboto', sans-serif;\n font-weight:500;\n}\n\n.container.first-col.longer {\n background-color:rgba(29, 22, 155, 1);\n color:rgba(255, 255, 255, 1);\n}\n\n.container.unit-right {\n display:flex;\n flex-direction:column;\n width:60%;\n margin-bottom:16px;\n box-sizing:border-box;\n background-color:rgba(255, 255, 255, 1);\n border-top-width:0.0625rem;\n border-top-style:solid;\n border-right-style:solid;\n border-bottom-style:solid;\n border-left-style:solid;\n border-right-width:0.0625rem;\n border-bottom-width:0.0625rem;\n border-left-width:0.0625rem;\n border-top-color:rgba(255, 255, 255, 1);\n border-right-color:rgba(255, 255, 255, 1);\n border-bottom-color:rgba(255, 255, 255, 1);\n border-left-color:rgba(255, 255, 255, 1);\n}\n\n.container.second-col {\n display:flex;\n align-items:center;\n background-color:rgba(205, 203, 241, 0);\n border-top-width:0.0625rem;\n border-top-style:solid;\n border-right-style:solid;\n border-bottom-style:solid;\n border-left-style:solid;\n border-right-width:0.0625rem;\n border-bottom-width:0.0625rem;\n border-left-width:0.0625rem;\n border-top-color:rgba(204, 204, 204, 1);\n border-right-color:rgba(204, 204, 204, 1);\n border-bottom-color:rgba(204, 204, 204, 1);\n border-left-color:rgba(204, 204, 204, 1);\n height:40px;\n}\n\n.container.second-col.short {\n background-color:rgba(255, 255, 255, 1);\n color:rgba(29, 22, 155, 1);\n border-top-color:rgba(29, 22, 155, 1);\n border-right-color:rgba(29, 22, 155, 1);\n border-bottom-color:rgba(29, 22, 155, 1);\n border-left-color:rgba(29, 22, 155, 1);\n}\n\nspan.glyph.alias {\n padding-left:12px;\n line-height:20px;\n}\n\n.container.longer.second-col {\n background-color:rgba(255, 255, 255, 1);\n color:rgba(29, 22, 155, 1);\n border-top-color:rgba(29, 22, 155, 1);\n border-right-color:rgba(29, 22, 155, 1);\n border-bottom-color:rgba(29, 22, 155, 1);\n border-left-color:rgba(29, 22, 155, 1);\n}\n\n.container.first-col.no-show {\n background-color:rgba(29, 22, 155, 1);\n color:rgba(255, 255, 255, 1);\n}\n\n@media screen and (min-width: 53.125rem) {\n .container.holding-it-all {\n max-width:1200px;\n margin-right:auto;\n margin-left:auto;\n }\n\n .container.inside-holder {\n flex-wrap:wrap;\n visibility:visible;\n }\n\n .container.unit-left {\n flex-direction:row;\n align-items:center;\n height:40px;\n width:100%;\n margin-bottom:4px;\n }\n\n .container.first-col {\n width:auto;\n }\n\n .container.short {\n width:20%;\n }\n\n .container.first-col.short {\n margin-bottom:0px;\n box-sizing:border-box;\n background-color:rgba(29, 22, 155, 1);\n color:rgba(255, 255, 255, 1);\n }\n\n .container.longer {\n width:30%;\n }\n\n .container.first-col.longer {\n margin-bottom:0px;\n box-sizing:border-box;\n background-color:rgba(29, 22, 155, 1);\n color:rgba(255, 255, 255, 1);\n }\n\n .container.unit-right {\n flex-direction:row;\n width:100%;\n margin-bottom:0px;\n }\n\n .container.second-col.short {\n box-sizing:border-box;\n background-color:rgba(255, 255, 255, 1);\n color:rgba(29, 22, 155, 1);\n }\n\n .container.longer.second-col {\n box-sizing:border-box;\n margin-bottom:0px;\n background-color:rgba(255, 255, 255, 1);\n color:rgba(29, 22, 155, 1);\n }\n\n .container.no-show {\n visibility:hidden;\n }\n\n .container.no-show.unit-left {\n visibility:collapse;\n display:none;\n }\n}","timestamp":1635773043094,"type":"Container","units":"rem"}
PK saS
J* * component.jsonPK <