PK rqRoK bs-image-variations.cccomp PK rqR
component.json
;{"UUID":"5d7f122f-9551-43bd-bbe5-595d67ca6be3","additional_states":{"Container":{"last-child":{"character":":","name":"Last Child","value":"last-child"},"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Picture":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3448","appId":"RSD","appVersion":3448,"buildNumber":5918,"component_resources":{"classes":8,"file_sizes_values":[180668,0,0],"file_type_values":[1,0,0],"html_elements":0,"ids":0,"links_external":0,"links_internal":0,"local_files":"1 (local size 176,43 kB)","styled_breakpoints":""},"description":"Your component description","element_name":"Container","framework":"bootstrap4","html":"
","htmlembed":{},"mobile_first":true,"name":"bs-image-variations","resources":{"./img/swan-family.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":7},"type":"image"}},"stylesheet":".container-grid.variations-holder {\n display:flex;\n flex-wrap:wrap;\n justify-content:center;\n}\n\ndiv.responsive-picture.swan-img {\n max-width:240px;\n margin-top:3px;\n margin-bottom:3px;\n margin-right:2px;\n margin-left:2px;\n}\n\ndiv.responsive-picture.swan-img.swan-invert {\n filter:invert(1);\n}\n\ndiv.responsive-picture.swan-grayscale.swan-img {\n filter:grayscale(1) invert(0.02);\n}\n\ndiv.responsive-picture.grayscale-invert.swan-img {\n filter:grayscale(1) invert(1);\n}\n\ndiv.responsive-picture.swan-img.swan-sepia {\n filter:sepia(1) invert(0.02);\n}\n\ndiv.responsive-picture.sepia-invert.swan-img {\n filter:sepia(1) invert(1) grayscale(0);\n mix-blend-mode:normal;\n}\n\ndiv.responsive-picture.sepia-invert-grayscale.swan-img {\n filter:sepia(1) invert(1) grayscale(1);\n mix-blend-mode:normal;\n}","timestamp":1615987299801,"type":"Container","units":"rem"}
PK rqR resources/img/swan-family.jpg
K Adobe d XX
!1AQ"aq2#BR3b$rC%4DScs5 &d6ETVt !1AQaq"2BR#b3CSr$ ? w'Z엺w4Z9oC椎DuK{cR|GLekeRJ>mT5~7 6*QEr{89A$vh<