PK LNR ma-tap-target.cccompPK NR4,q l component.jsonl{"UUID":"6ac33fe7-e07c-4ad8-812c-8ca454ea1f29","additional_states":{"Button Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Container":{"accordion-opened":{"character":".","name":"Open Accordion","value":"accordion-opened"},"accordion-toggle-btn-active":{"character":".","name":"Accordion Button Active","value":"accordion-toggle-btn-active"},"nth-child()":{"character":":","name":"Nth Child","value":"nth-child()"},"opened":{"character":".","name":"Opened Colap Header","value":"opened"},"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Font Icon Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 5":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3470","appId":"RSD","appVersion":3470,"buildNumber":5930,"component_resources":{"classes":6,"file_sizes_values":[0,0,0],"file_type_values":[0,0,0],"html_elements":0,"ids":1,"links_external":0,"links_internal":3,"local_files":0,"styled_breakpoints":"420px / 601px / 768px / 993px / 1201px / 1400px"},"description":"Your component description","element_name":"Container","framework":"materialize","html":"
\n document.addEventListener('DOMContentLoaded', function() {\n var elems = document.querySelectorAll('.tap-target');\n var instances = M.TapTarget.init(elems, options);\n });\n \n\" data-outline-closed=\"\">
Open tap-targetClose tap-targetLook over here!
Here is a new feature! What can we use that for?
","htmlembed":{},"mobile_first":true,"name":"ma-tap-target","resources":{},"stylesheet":".container-grid {\n position:relative;\n}\n\n.container-grid.tap-wrapper {\n display:flex;\n flex-wrap:wrap;\n max-height:150px;\n}\n\na.link-button.btn {\n margin-top:50px;\n margin-bottom:10px;\n background-color:rgba(195, 105, 110, 1);\n margin-left:auto;\n margin-right:auto;\n display:block;\n width:150px;\n}\n\na.link-button.btn.waves-effect.waves-light {\n margin-top:4px;\n margin-bottom:4px;\n margin-right:auto;\n margin-left:auto;\n width:300px;\n background-color:rgba(38, 166, 154, 1);\n}\n\n.container-grid.fixed-action-btn {\n bottom:45px;\n right:24px;\n position:fixed;\n}\n\na.glyph.btn.btn-floating.btn-large.magenta {\n font-size:20px;\n}\n\na.glyph.btn.btn-floating.btn-large.magenta i {\n font-size:20px;\n}\n\np.paragraph {\n font-family:'Roboto', sans-serif;\n margin-bottom:0px;\n letter-spacing:1px;\n margin-top:12px;\n font-size:17px;\n color:rgba(0, 0, 0, 0.65);\n}\n\n@supports (display: grid) {\n .container-grid {\n position:relative;\n }\n}\n\n@media screen and (min-width: 26.25rem) {\n .container-grid.tap-wrapper {\n max-height:150px;\n }\n\n a.link-button.btn {\n display:block;\n margin-right:auto;\n margin-left:auto;\n width:150px;\n }\n}\n\n@media screen and (min-width: 37.5625rem) {\n .container-grid.tap-wrapper {\n justify-content:center;\n flex-wrap:nowrap;\n margin-right:auto;\n margin-left:auto;\n max-height:80px;\n }\n\n a.link-button.btn.waves-effect.waves-light {\n margin-right:15px;\n margin-left:15px;\n min-width:280px;\n width:280px;\n }\n\n p.paragraph {\n font-size:17px;\n }\n}\n\n@media screen and (min-width: 48rem) {\n .container-grid.tap-wrapper {\n margin-right:auto;\n margin-left:auto;\n }\n}\n\n@media screen and (min-width: 62.0625rem) {\n .container-grid.tap-wrapper {\n padding-right:100px;\n padding-left:120px;\n }\n\n a.link-button.btn {\n margin-top:50px;\n margin-bottom:10px;\n margin-right:auto;\n margin-left:auto;\n }\n\n .container-grid.magenta.tap-target {\n position:absolute;\n }\n\n p.paragraph {\n font-size:18px;\n }\n}\n\n@media screen and (min-width: 75.0625rem) {\n a.link-button.btn {\n margin-right:auto;\n margin-left:auto;\n display:block;\n width:150px;\n margin-top:50px;\n }\n}\n\n@media screen and (min-width: 87.5rem) {\n .container-grid.tap-wrapper {\n padding-right:100px;\n padding-left:100px;\n margin-top:3px;\n margin-bottom:3px;\n }\n\n a.link-button.btn.waves-effect.waves-light {\n min-width:280px;\n width:280px;\n padding-top:0px;\n padding-bottom:0px;\n background-color:rgba(38, 166, 154, 1);\n }\n\n .container-grid.magenta.tap-target {\n position:absolute;\n }\n}","timestamp":1621756051800,"type":"Container","units":"rem"}
PK NR4,q l component.jsonPK <