PK -R2Xcc ^ va-sidenav-dd.cccomp^PK
Ru component.json${"UUID":"c173439b-45ee-4a94-b219-6fe42371693c","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Font Icon Link":{"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"}},"Text":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Text Link":{"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":1,"links_external":0,"links_internal":7,"local_files":0,"styled_breakpoints":""},"description":"Your component description","element_name":"Container","framework":"vanillacss","html":"
\r\n\r\n@media screen and (max-height: 450px) {\r\n .sidenav {padding-top: 15px;}\r\n .sidenav a {font-size: 18px;}\r\n}\r\n\" data-ce-custom-footer=\"\" data-outline-closed=\"\">
Off-canvas side nav, Bare-Bone, desktop-down.
This is an unstyled container where you can put your page content, so that it doesn't interfere with the navigation. You can tweak and style the container to your needs.
The 'Open Navigation' has been positioned fixed, so if you choose to make a one-pager, the 'hamburger' button will always stay visible. If you don't need the page heading, it can be deleted.
","htmlembed":{},"mobile_first":false,"name":"va-sidenav-dd","resources":{},"stylesheet":".container.sidenav {\n height:100%;\n width:0px;\n position:fixed;\n z-index:1;\n top:0px;\n left:0px;\n background-color:rgba(252, 44, 44, 1);\n overflow:hidden;\n transition-duration:0.5s;\n padding-top:60px;\n min-width:0px;\n}\n\na.link-text.closebtn {\n position:absolute;\n top:0px;\n left:auto;\n right:25px;\n font-size:36px;\n text-decoration:none;\n margin-left:50px;\n color:rgba(255, 255, 255, 1);\n}\n\na.link-text.item {\n padding-top:8px;\n padding-right:8px;\n padding-bottom:8px;\n padding-left:32px;\n font-size:20px;\n text-decoration:none;\n color:rgba(255, 255, 255, 1);\n display:block;\n transition-duration:0.3s;\n}\n\na.link-text.item.cfs-hover {\n color:rgba(51, 51, 51, 1);\n}\n\n.container.main {\n padding-top:10px;\n margin-right:10px;\n margin-bottom:10px;\n margin-left:20px;\n}\n\n.container.open {\n display:flex;\n align-items:center;\n padding-right:10px;\n padding-left:10px;\n position:fixed;\n}\n\na.glyph.font-icon-link-1 {\n font-size:30px;\n color:rgba(0, 0, 0, 1);\n}\n\nspan.text-element.text-1 {\n font-size:20px;\n padding-right:10px;\n padding-left:20px;\n color:rgba(0, 0, 0, 1);\n}\n\nh1.heading-1 {\n padding-top:40px;\n text-align:center;\n padding-bottom:10px;\n color:rgba(0, 0, 0, 1);\n}\n\np.paragraph.paragraph-2 {\n max-width:800px;\n margin-right:auto;\n margin-left:auto;\n margin-top:20px;\n}","timestamp":1619793110139,"type":"Container","units":"rem"}
PK
Ru component.jsonPK <