PK kR" " va-vertical-nav.cccomp"UPK kRK.," '" component.json'"{"UUID":"aeebcb9f-6265-411d-b37d-cd45976ffe77","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Font Icon Link":{"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"}},"List Item":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Unordered List":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3470","appId":"RSD","appVersion":3470,"buildNumber":5930,"component_resources":{"classes":14,"file_sizes_values":[0,0,0],"file_type_values":[0,0,0],"html_elements":1,"ids":1,"links_external":0,"links_internal":13,"local_files":0,"styled_breakpoints":"621px / 1146px"},"description":"Your component description","element_name":"Container","framework":"vanillacss","html":"
This container is the .page-wrapper. It has been given a different background colour in order to be easily recognized. Put your page contents into this container, so that they don't end up in the head or nav sections. The container can be sized, styled or tweaked to fit your needs.
Live preview not available for this HTML element
","htmlembed":{"4":""},"mobile_first":true,"name":"va-vertical-nav","resources":{},"stylesheet":".container.top-wrapper {\n width:auto;\n}\n\n.container.sidenav {\n height:100%;\n padding-top:62px;\n position:fixed;\n z-index:100;\n overflow:auto;\n background-color:rgba(209, 192, 143, 1);\n min-width:0px;\n width:0px;\n}\n\na.glyph.closebtn {\n position:absolute;\n top:5px;\n right:25px;\n border-bottom-color:rgba(255, 255, 255, 1);\n color:rgba(255, 255, 255, 1);\n font-size:35px;\n line-height:54px;\n}\n\nul.unorder-list.menu-list {\n margin-top:10px;\n margin-left:20px;\n list-style-type:none;\n}\n\nli.list-item.back.item {\n font-size:20px;\n line-height:30px;\n padding-bottom:5px;\n margin-bottom:7px;\n margin-right:30px;\n border-bottom-width:0.0625rem;\n border-bottom-style:solid;\n border-bottom-color:rgba(255, 255, 255, 1);\n}\n\nli.list-item.item {\n font-size:18px;\n line-height:27px;\n color:rgba(255, 255, 255, 1);\n}\n\n.container.main {\n background-color:rgba(209, 192, 143, 1);\n padding-top:10px;\n margin-bottom:10px;\n padding-bottom:0px;\n}\n\n.container.main-inner {\n position:relative;\n}\n\na.glyph.openbtn {\n position:absolute;\n top:20px;\n left:20px;\n color:rgba(255, 255, 255, 1);\n font-size:30px;\n line-height:40px;\n}\n\nh1.heading-1 {\n font-size:28px;\n color:rgba(255, 255, 255, 1);\n line-height:30px;\n padding-top:20px;\n padding-bottom:22px;\n margin-bottom:16px;\n text-align:center;\n font-weight:600;\n}\n\n.container.page-wrapper {\n padding-top:10px;\n padding-bottom:10px;\n margin-right:auto;\n margin-left:auto;\n background-color:rgba(221, 221, 221, 1);\n}\n\np.paragraph.paragraph-1 {\n max-width:65vw;\n margin-right:auto;\n margin-left:auto;\n}\n\np.paragraph span.paragraph-text-1 {\n font-family:'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;\n}\n\n@supports (display: grid) {\n .container.sidenav {\n z-index:100;\n width:0px;\n }\n}\n\n@media screen and (min-width: 38.8125rem) {\n h1.heading-1 {\n font-size:35px;\n line-height:30px;\n margin-top:0px;\n }\n\n p.paragraph.paragraph-1 {\n max-width:60vw;\n }\n}\n\n@media screen and (min-width: 71.625rem) {\n .container.sidenav {\n z-index:100;\n width:0px;\n }\n\n h1.heading-1 {\n font-size:40px;\n line-height:44px;\n }\n\n .container.page-wrapper {\n display:flex;\n flex-direction:column;\n justify-content:center;\n width:100%;\n max-width:1000px;\n }\n\n li.list-item a.list-item-text-1 {\n color:rgba(255, 255, 255, 1);\n text-decoration:none;\n }\n\n li.list-item a.list-item-text-2 {\n color:rgba(255, 255, 255, 1);\n text-decoration:none;\n }\n\n li.list-item a.list-item-text-3 {\n color:rgba(255, 255, 255, 1);\n text-decoration:none;\n }\n\n li.list-item a.list-item-text-4 {\n color:rgba(255, 255, 255, 1);\n text-decoration:none;\n }\n\n li.list-item a.list-item-text-5 {\n color:rgba(255, 255, 255, 1);\n text-decoration:none;\n }\n\n li.list-item a.list-item-text-6 {\n color:rgba(255, 255, 255, 1);\n text-decoration:none;\n }\n\n li.list-item a.list-item-text-7 {\n color:rgba(255, 255, 255, 1);\n text-decoration:none;\n }\n}","timestamp":1620127670420,"type":"Container","units":"rem"}
PK kRK.," '" component.jsonPK <