{"title":"Flash Slider","slug":"flash-slider","elements":"[{\"id\":1,\"parent\":null,\"type\":\"container\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug\"]}},{\"id\":2,\"parent\":1,\"type\":\"post\",\"options\":{\"tag\":\"article\",\"class\":[\"_slug-post\"],\"no_thumbnail_class\":\"no-img\"}},{\"id\":6,\"parent\":2,\"type\":\"link\",\"options\":{\"tag\":\"a\",\"class\":[\"_slug-main\"],\"leads_to\":\"post\",\"target_blank\":false}},{\"id\":4,\"parent\":6,\"type\":\"thumbnail\",\"options\":{\"tag\":\"img\",\"class\":[\"_slug-img\"],\"size\":[\"large\"],\"fallback\":[\"\"]}},{\"id\":14,\"parent\":6,\"type\":\"wrapper\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-animate\"]}},{\"id\":7,\"parent\":14,\"type\":\"title\",\"options\":{\"tag\":\"h2\",\"class\":[\"_slug-title\"]}},{\"id\":13,\"parent\":14,\"type\":\"excerpt\",\"options\":{\"tag\":\"div\",\"class\":[\"_slug-excerpt\"],\"source\":[\"excerpt\"],\"strip_tags\":true,\"cut\":true,\"limit\":30,\"more_link\":\"\",\"more_hide\":false}}]","css":"._slug {\r\n\t--text-color: white;\r\n\t--background: black;\r\n\t--height: 360px;\r\n\t--width: 100%;\r\n\t--text-shadow: 0px 0px 30px black, 0 0 20px black, 0 0 10px black;\r\n\t--text-moving: 5s; \/* The time to move the text. It is recommended to be the same as the pause option *\/\r\n\t--delay: 0.25s; \/* The time to delay the text animation at the beginning. *\/\r\n\twidth: var(--width);\r\n}\r\n._slug-post.no-img {\r\n\tdisplay: none; \/* Remove posts with no images. *\/\r\n}\r\n._slug * {\r\n\tbox-sizing: border-box;\r\n}\r\n._slug-post {\r\n\twidth: 100%;\r\n\theight: var(--height);\r\n\tposition: relative;\r\n\tbackground: var(--background);\r\n\tcolor: var(--text-color);\r\n\toverflow: hidden;\r\n}\r\n._slug-main {\r\n\tcolor: var(--text-color) !important;\r\n}\r\n._slug-img {\r\n\tposition: absolute;\r\n\tinset: 0;\r\n\tdisplay: block;\r\n\tobject-fit: cover;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n._slug-title {\r\n\tcolor: var(--text-color);\r\n\ttext-shadow: var(--text-shadow);\r\n}\r\n._slug-excerpt {\r\n\ttext-shadow: var(--text-shadow);\r\n\tfont-size: 1.2em;\r\n}\r\n._slug-animate {\r\n\tposition: absolute;\r\n\tleft: 20px;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\r\n\tz-index: 100;\r\n\tdisplay: flex;\r\n\tflex-flow: column nowrap;\r\n\tgap: 10px;\r\n\twidth: 80%;\r\n\theight: 80%;\r\n}\r\n._slug-post.current ._slug-animate {\r\n\tanimation: var(--text-moving) linear var(--delay) both _slug-move;\r\n}\r\n._slug-post:not(.current) ._slug-animate {\r\n\tdisplay: none;\r\n}\r\n@keyframes _slug-move {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\tleft: -100%;\r\n\t}\r\n\t10% {\r\n\t\topacity: 1;\r\n\t\tleft: 20px;\r\n\t}\r\n\t90% {\r\n\t\topacity: 1;\r\n\t\tleft: 120px;\r\n\t}\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\tleft: 200%;\r\n\t}\r\n}\r\n._slug .slider-counter {\r\n\tdisplay: flex;\r\n\tflex-flow: row wrap;\r\n\tjustify-content: center;\r\n\tgap: 20px;\r\n\twidth: 100%;\r\n\tpadding: 10px;\r\n\tposition: absolute;\r\n\tbottom: 0;\r\n}\r\n._slug .slider-circle {\r\n\tbackground-color: #eee5;\r\n}\r\n._slug .slider-circle:hover {\r\n\tbackground-color: #eee9;\r\n}\r\n._slug .slider-circle.current {\r\n\tbackground-color: #fffc;\r\n\tbox-shadow: 0 0 4px 2px #fff9;\r\n}","script":{"id":"slider","slider":{"delay":5000,"animate":"flash","speed":500,"ease":"ease","immediate":false}},"preview":{"type":"showcase-layout","orderby":"date","order":"DESC","limit":"10"}}