@adplenty-tech/adplenty-components-library 1.5.0 → 1.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.snapchat-story-preview,.snapchat-story-preview-image,.snapchat-story-preview-video{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.snapchat-story-preview .video,.snapchat-story-preview-image .video,.snapchat-story-preview-video .video{aspect-ratio:9/16;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;height:1920px;background-color:#000}.snapchat-story-preview .video video,.snapchat-story-preview-image .video video,.snapchat-story-preview-video .video video{position:relative;-o-object-fit:contain;object-fit:contain;max-width:100%;aspect-ratio:9/16;margin:0;max-height:100%}.snapchat-story-preview .list-item,.snapchat-story-preview-image .list-item,.snapchat-story-preview-video .list-item{position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.snapchat-story-preview .phone-status,.snapchat-story-preview-image .phone-status,.snapchat-story-preview-video .phone-status{background-color:#000}.snapchat-story-preview .preview-empty-state,.snapchat-story-preview-image .preview-empty-state,.snapchat-story-preview-video .preview-empty-state{aspect-ratio:9/16;height:1920px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:27px}.snapchat-story-preview .preview-empty-state-wrapper,.snapchat-story-preview-image .preview-empty-state-wrapper,.snapchat-story-preview-video .preview-empty-state-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.snapchat-story-preview .preview-empty-state-wrapper>h2,.snapchat-story-preview-image .preview-empty-state-wrapper>h2,.snapchat-story-preview-video .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:48px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:1px;text-align:center;text-wrap:wrap}.snapchat-story-preview .preview-empty-state-wrapper>svg,.snapchat-story-preview-image .preview-empty-state-wrapper>svg,.snapchat-story-preview-video .preview-empty-state-wrapper>svg{width:214px;height:214px}.snapchat-story-preview .ui-overlay,.snapchat-story-preview-image .ui-overlay,.snapchat-story-preview-video .ui-overlay{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:10;aspect-ratio:9/16;width:auto;height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.snapchat-story-preview .ui-overlay>*,.snapchat-story-preview-image .ui-overlay>*,.snapchat-story-preview-video .ui-overlay>*{-webkit-box-sizing:border-box;box-sizing:border-box}.snapchat-story-preview .ui-overlay .snapchat-progress-bar,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar,.snapchat-story-preview-video .ui-overlay .snapchat-progress-bar{background-color:rgba(255,255,255,.3);width:100%;height:4px;border-radius:10rem;margin:4px 2px;margin-top:8px;position:relative;overflow:hidden}.snapchat-story-preview .ui-overlay .snapchat-progress-bar.active>span,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar.active>span,.snapchat-story-preview-video .ui-overlay .snapchat-progress-bar.active>span{-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-name:progress;animation-name:progress}.snapchat-story-preview .ui-overlay .snapchat-progress-bar.video>span,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar.video>span,.snapchat-story-preview-video .ui-overlay .snapchat-progress-bar.video>span{-webkit-animation-duration:15s;animation-duration:15s}.snapchat-story-preview .ui-overlay .snapchat-progress-bar.full>span,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar.full>span,.snapchat-story-preview-video .ui-overlay .snapchat-progress-bar.full>span{background-color:#fff;width:100%;-webkit-animation:none;animation:none}.snapchat-story-preview .ui-overlay .snapchat-progress-bar>span,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar>span,.snapchat-story-preview-video .ui-overlay .snapchat-progress-bar>span{width:0%;height:100%;background-color:rgba(255,255,255,.8);position:absolute;top:0;left:0;-webkit-transform-origin:left;transform-origin:left;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:none;animation-name:none;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.snapchat-story-preview .ui-overlay-top,.snapchat-story-preview-image .ui-overlay-top,.snapchat-story-preview-video .ui-overlay-top{top:0;left:0;right:0;width:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.snapchat-story-preview .ui-overlay-top>svg,.snapchat-story-preview-image .ui-overlay-top>svg,.snapchat-story-preview-video .ui-overlay-top>svg{width:100%;height:auto}.snapchat-story-preview .ui-overlay-top-header,.snapchat-story-preview-image .ui-overlay-top-header,.snapchat-story-preview-video .ui-overlay-top-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;padding:0 8px;padding-top:4px;background:rgba(0,0,0,0);background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));background:linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%)}.snapchat-story-preview .ui-overlay-top-header>div h2,.snapchat-story-preview-image .ui-overlay-top-header>div h2,.snapchat-story-preview-video .ui-overlay-top-header>div h2{margin:0;font-size:1.3em;color:#fff;font-weight:500;letter-spacing:.5px;line-height:1.4em}.snapchat-story-preview .ui-overlay-top-header>div svg,.snapchat-story-preview-image .ui-overlay-top-header>div svg,.snapchat-story-preview-video .ui-overlay-top-header>div svg{width:18px;height:18px;margin-right:4px}.snapchat-story-preview .ui-overlay-top-header .account-information,.snapchat-story-preview-image .ui-overlay-top-header .account-information,.snapchat-story-preview-video .ui-overlay-top-header .account-information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:4px}.snapchat-story-preview .ui-overlay-top-header .interaction,.snapchat-story-preview-image .ui-overlay-top-header .interaction,.snapchat-story-preview-video .ui-overlay-top-header .interaction{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:12px}.snapchat-story-preview .ui-overlay-top-header .interaction svg:first-of-type,.snapchat-story-preview-image .ui-overlay-top-header .interaction svg:first-of-type,.snapchat-story-preview-video .ui-overlay-top-header .interaction svg:first-of-type{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.snapchat-story-preview .ui-overlay .profile,.snapchat-story-preview-image .ui-overlay .profile,.snapchat-story-preview-video .ui-overlay .profile{font-size:15px;letter-spacing:.25px;font-weight:700;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;width:100%;max-width:90%}.snapchat-story-preview .ui-overlay .profile-name,.snapchat-story-preview-image .ui-overlay .profile-name,.snapchat-story-preview-video .ui-overlay .profile-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:#fff;width:100%;gap:0;max-width:30ch}.snapchat-story-preview .ui-overlay .profile-name p,.snapchat-story-preview-image .ui-overlay .profile-name p,.snapchat-story-preview-video .ui-overlay .profile-name p{line-height:1.1;width:auto;margin:0;padding:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:29ch;font-family:"Avenir Next";font-weight:600;letter-spacing:-0.4px}.snapchat-story-preview .ui-overlay .profile .profile-name-title,.snapchat-story-preview-image .ui-overlay .profile .profile-name-title,.snapchat-story-preview-video .ui-overlay .profile .profile-name-title{letter-spacing:-0.2px;display:inline;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:4px;text-shadow:rgba(0,0,0,.6) 0p}.snapchat-story-preview .ui-overlay .profile .profile-name-title p,.snapchat-story-preview-image .ui-overlay .profile .profile-name-title p,.snapchat-story-preview-video .ui-overlay .profile .profile-name-title p{font-family:"Avenir Next";font-size:11px;font-weight:500;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.snapchat-story-preview .ui-overlay .profile .profile-name-title p:first-of-type,.snapchat-story-preview-image .ui-overlay .profile .profile-name-title p:first-of-type,.snapchat-story-preview-video .ui-overlay .profile .profile-name-title p:first-of-type{font-weight:700;font-size:14px;max-width:22.5ch}.snapchat-story-preview .ui-overlay .profile img,.snapchat-story-preview-image .ui-overlay .profile img,.snapchat-story-preview-video .ui-overlay .profile img{margin-top:2px;width:28px;height:28px;border-radius:100%;aspect-ratio:1/1}.snapchat-story-preview .ui-overlay .description,.snapchat-story-preview-image .ui-overlay .description,.snapchat-story-preview-video .ui-overlay .description{font-size:11px;color:#fff;font-weight:400;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.snapchat-story-preview .list,.snapchat-story-preview-image .list,.snapchat-story-preview-video .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all .5s;transition:all .5s;position:relative;overflow:hidden}.toggle-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;padding:12px 0}@-webkit-keyframes progress{0%{width:0%}100%{width:100%}}@keyframes progress{0%{width:0%}100%{width:100%}}.snapchat-story-preview-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.snapchat-story-preview-wrapper>div{border-radius:8px;overflow:hidden}.snapchat-story-preview-wrapper .carousel-control{border-radius:0;z-index:11;overflow:visible}.snapchat-story-preview-wrapper .carousel-control.hides{opacity:0}.snapchat-story-preview-wrapper .carousel-control.prev{margin-right:20px}.snapchat-story-preview-wrapper .carousel-control.next{margin-left:20px}.snapchat-story-preview-wrapper .carousel-control .prev>div,.snapchat-story-preview-wrapper .carousel-control .next>div{background-color:#818181;color:#000;border-radius:100%;cursor:pointer;font-size:1.4rem;opacity:.7}.snapchat-story-preview-wrapper .carousel-control .prev>div:hover,.snapchat-story-preview-wrapper .carousel-control .next>div:hover{opacity:1}.snapchat-story-preview-wrapper .carousel-control .value{font-size:.9em}.adstudio-generation>div{border-radius:0px}.top-header-preview-screen{width:100%;color:#ececee;background-color:#000;height:40px;pointer-events:none;position:relative}.footer-preview-screen{bottom:0px;left:0px;position:absolute;width:100%;color:#000}.footer-card-container{width:100%;height:70px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0}.footer-outer-card{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(109,109,109,.4);border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;height:78px;margin-right:2px;margin-left:8px;margin-bottom:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:255px;z-index:100}.footer-inner-card{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:8px}.footer-card-img-container{background:rgba(0,0,0,0);border-radius:4px;width:64px;height:64px;overflow:hidden}.footer-card-img{overflow:clip;width:100%;height:100%}.footer-card-text-container{margin-left:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;width:70%;overflow:hidden;word-break:break-word}.footer-card-text{font-family:"Avenir Next";letter-spacing:-0.4px;height:auto;font-size:11px;text-shadow:rgba(0,0,0,.5) 0px 12px 30px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;line-clamp:1;width:84%;margin:0;margin-bottom:1px;font-weight:500}.first-line{font-weight:700;font-size:14px;letter-spacing:-0.2px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1}.footer-card-arrow{height:25px;position:absolute;right:8px;width:20px;color:#fff}.footer-heart-svg{bottom:25px;height:44px;position:absolute;right:8px;width:40px;z-index:100}
|
package/package.json
CHANGED