PK RBl7 va-tab-navigation.cccompPK ڸRߪ component.json|{"UUID":"3fd461d5-27b2-4d75-9437-247770a98f4f","additional_states":{"Button Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"HTML Element":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 1":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3466","appId":"RSD","appVersion":3466,"buildNumber":5927,"component_resources":{"classes":7,"file_sizes_values":[0,0,0],"file_type_values":[0,0,0],"html_elements":1,"ids":6,"links_external":0,"links_internal":5,"local_files":0,"styled_breakpoints":"600px"},"description":"Your component description","element_name":"Container","framework":"vanillacss","html":"
Home
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.
About
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.
News
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.
Gallery
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.
Live preview not available for this HTML element
","htmlembed":{"3":""},"mobile_first":true,"name":"va-tab-navigation","resources":{},"stylesheet":".container.tabs-wrap {\n box-sizing:border-box;\n position:relative;\n margin-right:auto;\n margin-left:auto;\n width:95vw;\n}\n\n.container.tabs-buttons {\n position:relative;\n display:flex;\n flex-direction:column;\n box-sizing:border-box;\n}\n\na.link-button.tabslink {\n width:100%;\n padding-top:10px;\n padding-right:16px;\n padding-bottom:10px;\n padding-left:16px;\n box-sizing:border-box;\n text-align:center;\n color:rgba(255, 255, 255, 1);\n background-color:rgba(46, 46, 76, 1);\n font-size:17px;\n text-decoration:none;\n}\n\n.container#Home {\n background-color:rgba(244, 11, 11, 1);\n}\n\n.container.tabscontent {\n display:none;\n min-height:50vh;\n padding-top:80px;\n padding-right:20px;\n padding-bottom:80px;\n padding-left:20px;\n box-sizing:border-box;\n color:rgba(255, 255, 255, 1);\n position:relative;\n}\n\nh1.tabsheading {\n font-size:36px;\n font-weight:600;\n position:static;\n}\n\np.paragraph.tabspara {\n box-sizing:border-box;\n}\n\n.container#About {\n background-color:rgba(6, 204, 36, 1);\n}\n\n.container#News {\n background-color:rgba(10, 19, 225, 1);\n}\n\n.container#Gallery {\n background-color:rgba(232, 130, 20, 1);\n}\n\n.container#Contact {\n background-color:rgba(195, 14, 180, 1);\n}\n\n.html-element.tabs-related {\n display:none;\n}\n\n@media screen and (min-width: 37.5rem) {\n .container.tabs-buttons {\n flex-direction:row;\n }\n\n a.link-button.tabslink {\n padding-top:14px;\n padding-bottom:14px;\n font-size:18px;\n }\n}","timestamp":1622063178820,"type":"Container","units":"rem"}
PK ڸRߪ component.jsonPK <