PK Â#RsJ E va-multiple-col-span.cccompE PK #RUj3 component.json={"UUID":"14a1594c-99c2-401e-9446-8b9cf80fbcbb","additional_states":{"Blockquote":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Font Icon":{"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"}}},"appBuildInfo":"RSD 5.0.3360","appId":"RSD","appVersion":3360,"buildNumber":5861,"component_resources":{"classes":7,"file_sizes_values":[0,0,0],"file_type_values":[0,0,0],"html_elements":0,"ids":0,"links_external":0,"links_internal":0,"local_files":0},"description":"Your component description","element_name":"Container","framework":"vanillacss","html":"
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.
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.
\"There are 3 categories of friends;
1st: They are like the daily bread - see them every day.
2nd: They are like medicine - see them in times of need.
3rd: They are like bacteria - shun them at all times!\"
Turkish wisdomLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
","htmlembed":{},"mobile_first":true,"name":"va-multiple-col-span","resources":{},"stylesheet":".container.outer-wrap {\n column-count:1;\n background-color:rgba(241, 241, 241, 1);\n}\n\np.paragraph.paragraph-6 {\n margin-top:0px;\n}\n\n.container.span-container {\n max-width:550px;\n margin-right:auto;\n margin-left:auto;\n}\n\n.container.quote-container {\n background-color:rgba(242, 229, 101, 1);\n padding-top:10px;\n padding-right:15px;\n padding-bottom:6px;\n padding-left:15px;\n margin-top:0px;\n margin-bottom:10px;\n max-width:550px;\n margin-right:auto;\n margin-left:auto;\n border-top-width:0.25rem;\n border-top-style:double;\n border-right-style:double;\n border-bottom-style:double;\n border-left-style:double;\n border-right-width:0.25rem;\n border-bottom-width:0.25rem;\n border-left-width:0.25rem;\n border-top-left-radius:10px 10px;\n border-top-right-radius:10px 10px;\n border-bottom-right-radius:10px 10px;\n border-bottom-left-radius:10px 10px;\n}\n\nspan.glyph.font-icon-1 {\n font-size:18px;\n}\n\nblockquote.blockquote-1 {\n font-family:'Roboto', cursive;\n font-weight:500;\n font-style:italic;\n font-size:16px;\n margin-right:20px;\n margin-left:20px;\n line-height:19px;\n}\n\nspan.text-element.text-1 {\n font-weight:600;\n margin-left:20px;\n border-top-width:0rem;\n border-top-style:solid;\n border-right-style:solid;\n border-bottom-style:solid;\n border-left-style:solid;\n border-right-width:0rem;\n border-bottom-width:0rem;\n border-left-width:0rem;\n}\n\nblockquote span.blockquote-text-2 {\n font-size:1.125rem;\n}\n\n@media screen and (min-width: 37.4375rem) {\n .container.outer-wrap {\n column-rule-width:1px;\n column-rule-style:solid;\n column-count:2;\n background-color:rgba(241, 241, 241, 1);\n }\n\n .container.span-container {\n column-span:all;\n margin-top:10px;\n margin-bottom:10px;\n }\n\n blockquote.blockquote-1 {\n line-height:20px;\n font-size:17px;\n }\n\n blockquote span.blockquote-text-2 {\n font-size:1.1875rem;\n line-height:1.06;\n }\n}\n\n@media screen and (min-width: 56.1875rem) {\n .container.outer-wrap {\n column-rule-width:1px;\n column-rule-style:ridge;\n column-count:3;\n margin-top:30px;\n padding-right:20px;\n padding-left:20px;\n padding-top:10px;\n background-color:rgba(241, 241, 241, 1);\n }\n\n .container.span-container {\n column-rule-width:0px;\n column-rule-style:none;\n }\n\n .container.quote-container {\n max-width:550px;\n margin-right:auto;\n margin-left:auto;\n padding-top:10px;\n padding-right:15px;\n padding-left:15px;\n padding-bottom:6px;\n background-color:rgba(242, 229, 101, 1);\n border-top-width:0.25rem;\n border-top-style:double;\n border-right-style:double;\n border-bottom-style:double;\n border-left-style:double;\n border-right-width:0.25rem;\n border-bottom-width:0.25rem;\n border-left-width:0.25rem;\n border-top-color:rgba(121, 120, 120, 1);\n border-right-color:rgba(121, 120, 120, 1);\n border-bottom-color:rgba(121, 120, 120, 1);\n border-left-color:rgba(121, 120, 120, 1);\n border-top-left-radius:10px 10px;\n border-top-right-radius:10px 10px;\n border-bottom-right-radius:10px 10px;\n border-bottom-left-radius:10px 10px;\n }\n\n blockquote.blockquote-1 {\n margin-right:0px;\n margin-left:0px;\n padding-right:20px;\n padding-left:20px;\n display:block;\n font-family:'Roboto', cursive;\n font-size:18px;\n font-weight:500;\n font-style:italic;\n line-height:22px;\n margin-bottom:12px;\n margin-top:15px;\n }\n\n span.text-element.text-1 {\n padding-left:0px;\n font-weight:600;\n }\n\n blockquote span.blockquote-text-1 {\n font-size:1.25rem;\n }\n}","timestamp":1609687204801,"type":"Container","units":"rem"}
PK #RUj3 component.jsonPK <