PK % QE\j f-basic-cards.cccomp PK Qi component.json{"UUID":"4f492cf4-f995-4045-aaea-163ec06e30b4","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 4":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Picture":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3360","appId":"RSD","appVersion":3360,"buildNumber":5861,"component_resources":{"classes":7,"file_sizes_values":[567643,0,0],"file_type_values":[3,0,0],"html_elements":0,"ids":0,"links_external":0,"links_internal":0,"local_files":"3 (local size 554,34 kB)"},"description":"Your component description","element_name":"Container","framework":"foundation","html":"
Rose
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.
Scilla
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.
Tulip
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.
","htmlembed":{},"mobile_first":true,"name":"f-basic-cards","resources":{"./component-images/rose.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"1024":1,"default":1},"type":"image"},"./component-images/scilla.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"1024":1,"default":1},"type":"image"},"./component-images/tulip.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"1024":1,"default":1},"type":"image"}},"stylesheet":".container {\n padding-right:0px;\n padding-left:0px;\n}\n\n.container.basic-card-container {\n display:flex;\n flex-wrap:wrap;\n justify-content:center;\n width:100%;\n margin-right:auto;\n margin-left:auto;\n}\n\n.container.card.width {\n max-width:300px;\n background-color:rgba(223, 223, 223, 1);\n border-top-color:rgba(187, 187, 187, 1);\n border-right-color:rgba(187, 187, 187, 1);\n border-bottom-color:rgba(187, 187, 187, 1);\n border-left-color:rgba(187, 187, 187, 1);\n box-shadow:rgba(0, 0, 0, 0.5) 3px 3px 6px 0px;\n max-height:580px;\n}\n\n.container.card-divider {\n background-color:rgba(142, 205, 248, 1);\n}\n\nh4.card-title {\n margin-right:auto;\n margin-left:auto;\n}\n\ndiv.responsive-picture.card-img.thumbnail {\n width:auto;\n max-width:300px;\n margin-top:16px;\n margin-right:16px;\n margin-left:16px;\n max-height:300px;\n}\n\n.container.card-section {\n padding-top:0px;\n padding-right:16px;\n padding-left:16px;\n max-width:300px;\n}\n\np.paragraph {\n font-family:'Roboto', sans-serif;\n font-size:16px;\n color:rgba(94, 89, 85, 1);\n margin-top:7px;\n margin-bottom:7px;\n line-height:1.7;\n padding-bottom:5px;\n}\n\np.paragraph.paragraph-1 {\n font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;\n color:rgba(10, 10, 10, 1);\n}\n\n@media screen and (min-width: 50.9375rem) {\n .container.card.width {\n margin-right:10px;\n margin-left:10px;\n background-color:rgba(223, 223, 223, 1);\n max-height:580px;\n }\n\n .container.card-divider {\n background-color:rgba(142, 205, 248, 1);\n padding-right:16px;\n padding-left:16px;\n }\n\n h4.card-title {\n font-size:20px;\n margin-right:auto;\n margin-left:auto;\n }\n\n div.responsive-picture.card-img {\n margin-top:16px;\n margin-right:16px;\n margin-bottom:16px;\n margin-left:16px;\n max-width:300px;\n width:auto;\n }\n}\n\n@media screen and (min-width: 64rem) {\n .container.basic-card-container {\n max-height:600px;\n max-width:1000px;\n }\n\n .container.card.width {\n border-top-color:rgba(187, 187, 187, 1);\n border-right-color:rgba(187, 187, 187, 1);\n border-bottom-color:rgba(187, 187, 187, 1);\n border-left-color:rgba(187, 187, 187, 1);\n }\n\n .container.card-divider {\n background-color:rgba(142, 205, 248, 1);\n }\n\n div.responsive-picture.card-img.thumbnail {\n max-height:300px;\n }\n\n .container.card-section {\n padding-top:0px;\n padding-right:16px;\n padding-left:16px;\n max-width:300%;\n }\n}","timestamp":1607645297913,"type":"Container","units":"rem"}
PK QP' & # resources/component-images/rose.jpg