PK nX/M H f-hover-dropdown.cccompHPK mXL? component.json:{"UUID":"446e9039-3f49-4722-b4ae-f42cb8db1502","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Font Icon":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Text Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3541","appId":"RSD","appVersion":3541,"buildNumber":5982,"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":4,"local_files":0,"styled_breakpoints":""},"description":"Your component description","element_name":"Container","framework":"foundation","html":"
\n .dropdown-holder:hover .drop-content {\n height: 150px;\n \n }\n\" data-outline-closed=\"\">
Hover Dropdown ","htmlembed":{},"mobile_first":true,"name":"f-hover-dropdown","resources":{},"stylesheet":".container.dropdown-holder {\n width:205px;\n margin-right:auto;\n margin-left:auto;\n position:relative;\n display:block;\n margin-top:30px;\n padding-top:10px;\n padding-bottom:10px;\n padding-right:10px;\n padding-left:10px;\n background-color:rgba(95, 255, 216, 1);\n border-top-width:0.0625rem;\n border-top-style:ridge;\n border-right-style:ridge;\n border-bottom-style:ridge;\n border-left-style:ridge;\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 border-top-left-radius:5px 5px;\n border-top-right-radius:5px 5px;\n border-bottom-right-radius:5px 5px;\n border-bottom-left-radius:5px 5px;\n box-shadow:rgba(0, 0, 0, 0.5) 2px 2px 4px 0px;\n}\n\n.container.dropdown-holder.cfs-hover {\n background-color:rgba(224, 220, 210, 1);\n}\n\na.link-text.dropbtn {\n max-width:181px;\n padding-right:5px;\n padding-left:9px;\n font-family:'DM Sans', sans-serif;\n font-weight:600;\n font-size:18px;\n text-align:center;\n color:rgba(83, 17, 65, 1);\n text-decoration:none;\n padding-top:2px;\n padding-bottom:2px;\n margin-top:2px;\n margin-bottom:2px;\n}\n\nspan.glyph.triangle-down {\n display:inline;\n margin-top:6px;\n margin-bottom:-3px;\n}\n\n.container.drop-content {\n display:flex;\n flex-direction:column;\n align-items:center;\n width:180px;\n margin-top:14px;\n position:absolute;\n z-index:1;\n overflow:hidden;\n height:0px;\n transition-property:height;\n transition-timing-function:ease-in-out;\n transition-duration:0.5s;\n background-color:rgba(224, 220, 210, 1);\n border-top-left-radius:5px 5px;\n border-top-right-radius:5px 5px;\n border-bottom-right-radius:5px 5px;\n border-bottom-left-radius:5px 5px;\n box-shadow:rgba(0, 0, 0, 0.5) 2px 2px 4px 0px;\n}\n\na.link-text.centered-txt.drop-item {\n max-width:180px;\n padding-top:5px;\n padding-left:0px;\n margin-top:10px;\n text-decoration:none;\n color:rgba(12, 15, 142, 1);\n font-size:18px;\n font-weight:600;\n width:100%;\n text-align:center;\n padding-bottom:5px;\n font-family:'DM Sans', sans-serif;\n background-color:rgba(0, 0, 0, 0);\n}\n\na.link-text.centered-txt.drop-item.cfs-hover {\n color:rgba(0, 0, 0, 1);\n background-color:rgba(187, 187, 187, 1);\n}","timestamp":1721562432966,"type":"Container","units":"rem"}
PK mXL? component.jsonPK <