@widelab-nc/widelab 1.0.15 → 1.0.16
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.
- package/dist/index.js +1 -2
- package/dist/index.js.map +3 -3
- package/dist/style.css +1 -2
- package/dist/style.css.map +3 -3
- package/package.json +1 -1
- package/src/index.js +33 -11
package/dist/style.css
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;contain:strict;display:inline-block;height:20px;inset:0;margin:auto;position:absolute;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports (outline-offset: -3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast: none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset: -3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast: none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;inset:0 .5em 0 auto;padding:1em 0}html.lenis{height:auto}.splide__list{user-select:none}.hero_headline.is-cta{text-wrap:balance}#heroHeading{pointer-events:none;user-select:none}.hero_headline-span{pointer-events:auto;z-index:-1}.hero-line-mask:first-of-type{z-index:2}.hero_headline-span{aspect-ratio:65/23}.clients_collection_item_wrapper{aspect-ratio:1/1}.start_diagram_step_path-mask{aspect-ratio:2/1}.splide__track{overflow:visible}.splide__pagination__page.reviews-page,.splide__pagination__page.facts-page{height:.625rem;width:.625rem;background:#b2b2b2;opacity:.5;margin:.25rem}.splide__pagination__page.reviews-page.is-active,.splide__pagination__page.facts-page.is-active{height:.625rem;width:.625rem;background:#000;opacity:1;transform:none}.footer_logo-svg{aspect-ratio:1286/185}address{font-style:normal}.bottom-wrapper_footer-spacer,.whats-next_links_item_image-wrapper,.reel-modal_player{pointer-events:none}.skills_item_hover-track.is-design{white-space:nowrap;will-change:transform;animation:marquee-horizontal 12s linear infinite}.skills_item_hover-track.is-branding,.skills_item_hover-track.is-nocode{white-space:nowrap;will-change:transform;animation:marquee-horizontal 5s linear infinite}@keyframes marquee-horizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}.splide__pagination.facts-pagination{padding:0;align-items:start;justify-content:left}.hero-line-mask,.stats-line-mask,.facts-line-mask,.cs-line-mask{clip-path:polygon(0 0,100% 0,100% 110%,0 110%)}@media only screen and (min-width: 992px){#csSingleFooter{position:static}#csItemTransformWrapper,#csItemNotTransformWrapper{padding-left:2.5rem;padding-right:2.5rem}.portfolio_item_image-wrapper.is-portrait{aspect-ratio:31/32}.portfolio_item_image-wrapper{aspect-ratio:4/3}.portfolio_wrapper.is-2-col>.portfolio_item:first-child .portfolio_item_content,.portfolio_item.is-1-left .portfolio_item_content{padding-left:2.5rem}.splide__pagination.reviews-pagination{bottom:-3.625rem}.splide__pagination.facts-pagination{bottom:2.25rem;left:0;right:0}#stickyNavbar{padding:1rem 2.5rem}.button_small .link,.portfolio_item .is-p-l.is-link,.cookies-button{position:relative;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% .08em;transition:background-size .2s cubic-bezier(.65,0,.35,1)}.button_small:hover .link,.button_small:focus .link,.portfolio_item:hover .is-p-l.is-link,.portfolio_item:active .is-p-l.is-link,.cookies-button:hover,.cookies-button:active{background-size:0% .08em}.button_small .button_small_icon_circle,.cta_link .cta_link_icon-wrapper{position:relative}.button_small .button_small_icon_circle:after,.cta_link .cta_link_icon-wrapper:after{background-color:inherit;border-radius:50%;content:"";position:absolute;inset:0;z-index:-1;transition:.3s cubic-bezier(.83,0,.17,1)}.button_small:hover .button_small_icon_circle:after,.cta_link:hover .cta_link_icon-wrapper:after{scale:1.2}.navbar_menu_link,.footer_menu_link,.is-link,.cta_link .is-h4{position:relative;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% .08em;transition:background-size .2s cubic-bezier(.65,0,.35,1)}.navbar_menu_link:hover,.navbar_menu_link:focus,.footer_menu_link:hover,.footer_menu_link:focus,.is-link:hover,.is-link_link:focus,.cta_link:hover .is-h4,.cta_link:focus .is-h4{background-size:100% .08em}}@media only screen and (max-width: 1180px) and (min-width: 992px){.stats-content_wrapper{padding-right:4vw}}@media only screen and (max-width: 1280px) and (min-width: 992px){.section.is-cs-2col{padding-left:2.5rem;padding-right:2.5rem}}@media only screen and (max-width: 991px){.navbar .button_small .button_small_icon_circle{display:none}#csItemTransformWrapper{padding-left:1.75rem;padding-right:1.75rem}.portfolio_item_image-wrapper{aspect-ratio:6/5}.button_small .link,.portfolio_item .is-p-l.is-link,.cta_link.is-mobile-nav .is-p-l,.cookies-button{position:relative;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% .08em}.splide__pagination.reviews-pagination{bottom:-3.5rem}.splide__pagination.facts-pagination{top:15.25rem;left:0;right:0}.splide__list.team_collection_list{overflow:visible}}@media only screen and (max-width: 767px){#csItemTransformWrapper{padding-left:1.375rem;padding-right:1.375rem}.reel_prev_mask{aspect-ratio:19/22}.splide__pagination.facts-pagination{top:13.5rem;left:0;right:0}.portfolio_item_image-wrapper{aspect-ratio:95/79}.splide__pagination.reviews-pagination{bottom:-3rem}}.background-video{height:100%;position:relative;overflow:hidden}.background-video>video{width:100%;height:100%;object-fit:cover;z-index:-100;background-position:50%;background-size:cover;margin:auto;position:absolute;inset:-100%}.background-video>video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.background-video--control{background-color:#0000;padding:0;position:absolute;bottom:1em;right:1em}.background-video--control>[hidden]{display:none!important}
|
|
2
|
-
/*# sourceMappingURL=style.css.map */
|
|
1
|
+
html.lenis{height:auto}.splide__list{user-select:none}.hero_headline.is-cta{text-wrap:balance}#heroHeading{pointer-events:none;user-select:none}.hero_headline-span{pointer-events:auto;z-index:-1}.hero-line-mask:first-of-type{z-index:2}.hero_headline-span{aspect-ratio:65/23}.clients_collection_item_wrapper{aspect-ratio:1/1}.start_diagram_step_path-mask{aspect-ratio:2/1}.splide__track{overflow:visible}.splide__pagination__page.reviews-page,.splide__pagination__page.facts-page{height:.625rem;width:.625rem;background:#b2b2b2;opacity:.5;margin:.25rem}.splide__pagination__page.reviews-page.is-active,.splide__pagination__page.facts-page.is-active{height:.625rem;width:.625rem;background:#000;opacity:1;transform:none}.footer_logo-svg{aspect-ratio:1286/185}address{font-style:normal}.bottom-wrapper_footer-spacer,.whats-next_links_item_image-wrapper,.reel-modal_player{pointer-events:none}.skills_item_hover-track.is-design{white-space:nowrap;will-change:transform;animation:marquee-horizontal 12s linear infinite}.skills_item_hover-track.is-branding,.skills_item_hover-track.is-nocode{white-space:nowrap;will-change:transform;animation:marquee-horizontal 5s linear infinite}@keyframes marquee-horizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}.splide__pagination.facts-pagination{padding:0;align-items:start;justify-content:left}.hero-line-mask,.stats-line-mask,.facts-line-mask,.cs-line-mask{clip-path:polygon(0 0,100% 0,100% 110%,0 110%)}@media only screen and (min-width: 992px){#csSingleFooter{position:static}#csItemTransformWrapper,#csItemNotTransformWrapper{padding-left:2.5rem;padding-right:2.5rem}.portfolio_item_image-wrapper.is-portrait{aspect-ratio:31/32}.portfolio_item_image-wrapper{aspect-ratio:4/3}.portfolio_wrapper.is-2-col>.portfolio_item:first-child .portfolio_item_content,.portfolio_item.is-1-left .portfolio_item_content{padding-left:2.5rem}.splide__pagination.reviews-pagination{bottom:-3.625rem}.splide__pagination.facts-pagination{bottom:2.25rem;left:0;right:0}#stickyNavbar{padding:1rem 2.5rem}.button_small .link,.portfolio_item .is-p-l.is-link,.cookies-button{position:relative;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% .08em;transition:background-size .2s cubic-bezier(.65,0,.35,1)}.button_small:hover .link,.button_small:focus .link,.portfolio_item:hover .is-p-l.is-link,.portfolio_item:active .is-p-l.is-link,.cookies-button:hover,.cookies-button:active{background-size:0% .08em}.button_small .button_small_icon_circle,.cta_link .cta_link_icon-wrapper{position:relative}.button_small .button_small_icon_circle:after,.cta_link .cta_link_icon-wrapper:after{background-color:inherit;border-radius:50%;content:"";position:absolute;inset:0;z-index:-1;transition:.3s cubic-bezier(.83,0,.17,1)}.button_small:hover .button_small_icon_circle:after,.cta_link:hover .cta_link_icon-wrapper:after{scale:1.2}.navbar_menu_link,.footer_menu_link,.is-link,.cta_link .is-h4{position:relative;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% .08em;transition:background-size .2s cubic-bezier(.65,0,.35,1)}.navbar_menu_link:hover,.navbar_menu_link:focus,.footer_menu_link:hover,.footer_menu_link:focus,.is-link:hover,.is-link_link:focus,.cta_link:hover .is-h4,.cta_link:focus .is-h4{background-size:100% .08em}}@media only screen and (max-width: 1180px) and (min-width: 992px){.stats-content_wrapper{padding-right:4vw}}@media only screen and (max-width: 1280px) and (min-width: 992px){.section.is-cs-2col{padding-left:2.5rem;padding-right:2.5rem}}@media only screen and (max-width: 991px){.navbar .button_small .button_small_icon_circle{display:none}#csItemTransformWrapper{padding-left:1.75rem;padding-right:1.75rem}.portfolio_item_image-wrapper{aspect-ratio:6/5}.button_small .link,.portfolio_item .is-p-l.is-link,.cta_link.is-mobile-nav .is-p-l,.cookies-button{position:relative;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% .08em}.splide__pagination.reviews-pagination{bottom:-3.5rem}.splide__pagination.facts-pagination{top:15.25rem;left:0;right:0}.splide__list.team_collection_list{overflow:visible}}@media only screen and (max-width: 767px){#csItemTransformWrapper{padding-left:1.375rem;padding-right:1.375rem}.reel_prev_mask{aspect-ratio:19/22}.splide__pagination.facts-pagination{top:13.5rem;left:0;right:0}.portfolio_item_image-wrapper{aspect-ratio:95/79}.splide__pagination.reviews-pagination{bottom:-3rem}}.background-video{height:100%;position:relative;overflow:hidden}.background-video>video{width:100%;height:100%;object-fit:cover;z-index:-100;background-position:50%;background-size:cover;margin:auto;position:absolute;inset:-100%}.background-video>video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.background-video--control{background-color:#0000;padding:0;position:absolute;bottom:1em;right:1em}.background-video--control>[hidden]{display:none!important}
|
package/dist/style.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../src/
|
|
4
|
-
"sourcesContent": [".splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}", "@import './splidejs';\n\n\n/* Global styles */\nhtml.lenis {\n height: auto;\n}\n\n.splide__list {\n user-select: none;\n}\n\n.hero_headline.is-cta {\n text-wrap: balance;\n}\n\n/* Home hero span animation*/\n#heroHeading {\n pointer-events: none;\n user-select: none;\n}\n.hero_headline-span {\n pointer-events: auto;\n z-index: -1;\n}\n.hero-line-mask:first-of-type {\n z-index: 2;\n}\n\n/* Ratio for hero span video */\n.hero_headline-span {\n aspect-ratio: 65 / 23;\n}\n\n/* Client item ratio */\n.clients_collection_item_wrapper {\n aspect-ratio: 1 / 1;\n}\n\n/* Ratio for diagram path mask */\n.start_diagram_step_path-mask {\n aspect-ratio: 2 / 1;\n}\n\n/* Splide track overflow */\n.splide__track {\n overflow: visible;\n}\n\n/* Splide default pagination */\n.splide__pagination__page.reviews-page,\n.splide__pagination__page.facts-page {\n height: 0.625rem;\n width: 0.625rem;\n background: #b2b2b2;\n opacity: 0.5;\n margin: 0.25rem;\n}\n\n/* Splide active pagination */\n.splide__pagination__page.reviews-page.is-active,\n.splide__pagination__page.facts-page.is-active {\n height: 0.625rem;\n width: 0.625rem;\n background: #000;\n opacity: 1;\n transform: none;\n}\n\n/* Footer logo ratio */\n.footer_logo-svg {\n aspect-ratio: 1286 / 185;\n}\n\n/* Address remove style */\naddress {\n font-style: normal;\n}\n\n/* Footer spacer styles */\n.bottom-wrapper_footer-spacer,\n.whats-next_links_item_image-wrapper,\n.reel-modal_player {\n pointer-events: none;\n}\n\n/* Skills hover marquee */\n.skills_item_hover-track.is-design {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 12s linear infinite;\n}\n\n.skills_item_hover-track.is-branding {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 5s linear infinite;\n}\n\n.skills_item_hover-track.is-nocode {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 5s linear infinite;\n}\n\n@keyframes marquee-horizontal {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-50%);\n }\n}\n\n/* Facts slider pagination position */\n.splide__pagination.facts-pagination {\n padding: 0;\n align-items: start;\n justify-content: left;\n}\n\n/* Cliping mask for hero headline */\n.hero-line-mask,\n.stats-line-mask,\n.facts-line-mask,\n.cs-line-mask {\n clip-path: polygon(0 0, 100% 0, 100% 110%, 0 110%);\n}\n\n/* Styles for desktop */\n@media only screen and (min-width: 992px) {\n /* Special styles for CS single footer */\n #csSingleFooter {\n position: static;\n }\n\n /* Padding for first portfolio item on list */\n #csItemTransformWrapper,\n #csItemNotTransformWrapper {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n }\n\n /* CS thumbnails ratio */\n .portfolio_item_image-wrapper.is-portrait {\n aspect-ratio: 31/32;\n }\n .portfolio_item_image-wrapper {\n aspect-ratio: 4/3;\n }\n\n /* Padding for CS elements portfolio elements */\n .portfolio_wrapper.is-2-col > .portfolio_item:first-child .portfolio_item_content,\n .portfolio_item.is-1-left .portfolio_item_content {\n padding-left: 2.5rem;\n }\n\n /* Reviews slider pagination position */\n .splide__pagination.reviews-pagination {\n bottom: -3.625rem;\n }\n\n /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n bottom: 2.25rem;\n left: 0;\n right: 0;\n }\n\n /* Sticky navbar padding */\n #stickyNavbar {\n padding: 1rem 2.5rem;\n }\n\n /* Underline hover */\n .button_small .link,\n .portfolio_item .is-p-l.is-link,\n .cookies-button {\n position: relative;\n text-decoration: none;\n background-image: linear-gradient(currentColor, currentColor);\n background-position: 0 100%;\n background-repeat: no-repeat;\n background-size: 100% 0.08em;\n transition: background-size 0.2s cubic-bezier(0.65, 0, 0.35, 1);\n }\n\n .button_small:hover .link,\n .button_small:focus .link,\n .portfolio_item:hover .is-p-l.is-link,\n .portfolio_item:active .is-p-l.is-link,\n .cookies-button:hover,\n .cookies-button:active {\n background-size: 0% 0.08em;\n }\n\n /* Button small circle hover */\n .button_small .button_small_icon_circle,\n .cta_link .cta_link_icon-wrapper {\n position: relative;\n }\n\n .button_small .button_small_icon_circle::after,\n .cta_link .cta_link_icon-wrapper::after {\n background-color: inherit;\n border-radius: 50%;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1);\n }\n\n .button_small:hover .button_small_icon_circle::after,\n .cta_link:hover .cta_link_icon-wrapper::after {\n scale: 1.2;\n }\n\n /* Navbar links hover undeline */\n .navbar_menu_link,\n .footer_menu_link,\n .is-link,\n .cta_link .is-h4 {\n position: relative;\n text-decoration: none;\n background-image: linear-gradient(currentColor, currentColor);\n background-position: 0 100%;\n background-repeat: no-repeat;\n background-size: 0% 0.08em;\n transition: background-size 0.2s cubic-bezier(0.65, 0, 0.35, 1);\n }\n .navbar_menu_link:hover,\n .navbar_menu_link:focus,\n .footer_menu_link:hover,\n .footer_menu_link:focus,\n .is-link:hover,\n .is-link_link:focus,\n .cta_link:hover .is-h4,\n .cta_link:focus .is-h4 {\n background-size: 100% 0.08em;\n }\n}\n\n/* Styles for desktop < 1180 */\n@media only screen and (max-width: 1180px) and (min-width: 992px) {\n .stats-content_wrapper {\n padding-right: 4vw;\n }\n}\n\n@media only screen and (max-width: 1280px) and (min-width: 992px) {\n .section.is-cs-2col {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n }\n}\n\n/* Styles for tablet and smaller */\n@media only screen and (max-width: 991px) {\n /* Hide circle in navbars' small button */\n .navbar .button_small .button_small_icon_circle {\n display: none;\n }\n\n /* Padding for first portfolio item on list */\n #csItemTransformWrapper {\n padding-left: 1.75rem;\n padding-right: 1.75rem;\n }\n\n /* CS thumbnails ratio */\n .portfolio_item_image-wrapper {\n aspect-ratio: 6/5;\n }\n\n /* Underline for some links */\n .button_small .link,\n .portfolio_item .is-p-l.is-link,\n .cta_link.is-mobile-nav .is-p-l,\n .cookies-button {\n position: relative;\n text-decoration: none;\n background-image: linear-gradient(currentColor, currentColor);\n background-position: 0 100%;\n background-repeat: no-repeat;\n background-size: 100% 0.08em;\n }\n\n /* Reviews slider pagination position */\n .splide__pagination.reviews-pagination {\n bottom: -3.5rem;\n }\n\n /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n top: 15.25rem;\n left: 0;\n right: 0;\n }\n\n /* Splide list overflow change */\n .splide__list.team_collection_list {\n overflow: visible;\n }\n}\n\n/* Styles for landscape and smaller */\n@media only screen and (max-width: 767px) {\n /* Padding for first portfolio item on list */\n #csItemTransformWrapper {\n padding-left: 1.375rem;\n padding-right: 1.375rem;\n }\n\n /* Reel video ratio */\n .reel_prev_mask {\n aspect-ratio: 19 / 22;\n }\n\n /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n top: 13.5rem;\n left: 0;\n right: 0;\n }\n\n /* CS thumbnails ratio */\n .portfolio_item_image-wrapper {\n aspect-ratio: 95 / 79;\n }\n\n /* Reviews slider pagination position */\n .splide__pagination.reviews-pagination {\n bottom: -3rem;\n }\n}\n\n.background-video {\n height: 100%;\n position: relative;\n overflow: hidden;\n}\n\n.background-video > video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: -100;\n background-position: 50%;\n background-size: cover;\n margin: auto;\n position: absolute;\n top: -100%;\n bottom: -100%;\n left: -100%;\n right: -100%;\n}\n\n.background-video > video::-webkit-media-controls-start-playback-button {\n -webkit-appearance: none;\n display: none !important;\n}\n\n.background-video--control {\n background-color: rgba(0, 0, 0, 0);\n padding: 0;\n position: absolute;\n bottom: 1em;\n right: 1em;\n}\n\n.background-video--control > [hidden] {\n display: none !important;\n}"],
|
|
5
|
-
"mappings": "
|
|
3
|
+
"sources": ["../src/style.scss"],
|
|
4
|
+
"sourcesContent": ["/* Global styles */\nhtml.lenis {\n height: auto;\n}\n\n.splide__list {\n user-select: none;\n}\n\n.hero_headline.is-cta {\n text-wrap: balance;\n}\n\n/* Home hero span animation*/\n#heroHeading {\n pointer-events: none;\n user-select: none;\n}\n.hero_headline-span {\n pointer-events: auto;\n z-index: -1;\n}\n.hero-line-mask:first-of-type {\n z-index: 2;\n}\n\n/* Ratio for hero span video */\n.hero_headline-span {\n aspect-ratio: 65 / 23;\n}\n\n/* Client item ratio */\n.clients_collection_item_wrapper {\n aspect-ratio: 1 / 1;\n}\n\n/* Ratio for diagram path mask */\n.start_diagram_step_path-mask {\n aspect-ratio: 2 / 1;\n}\n\n/* Splide track overflow */\n.splide__track {\n overflow: visible;\n}\n\n/* Splide default pagination */\n.splide__pagination__page.reviews-page,\n.splide__pagination__page.facts-page {\n height: 0.625rem;\n width: 0.625rem;\n background: #b2b2b2;\n opacity: 0.5;\n margin: 0.25rem;\n}\n\n/* Splide active pagination */\n.splide__pagination__page.reviews-page.is-active,\n.splide__pagination__page.facts-page.is-active {\n height: 0.625rem;\n width: 0.625rem;\n background: #000;\n opacity: 1;\n transform: none;\n}\n\n/* Footer logo ratio */\n.footer_logo-svg {\n aspect-ratio: 1286 / 185;\n}\n\n/* Address remove style */\naddress {\n font-style: normal;\n}\n\n/* Footer spacer styles */\n.bottom-wrapper_footer-spacer,\n.whats-next_links_item_image-wrapper,\n.reel-modal_player {\n pointer-events: none;\n}\n\n/* Skills hover marquee */\n.skills_item_hover-track.is-design {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 12s linear infinite;\n}\n\n.skills_item_hover-track.is-branding {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 5s linear infinite;\n}\n\n.skills_item_hover-track.is-nocode {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 5s linear infinite;\n}\n\n@keyframes marquee-horizontal {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-50%);\n }\n}\n\n/* Facts slider pagination position */\n.splide__pagination.facts-pagination {\n padding: 0;\n align-items: start;\n justify-content: left;\n}\n\n/* Cliping mask for hero headline */\n.hero-line-mask,\n.stats-line-mask,\n.facts-line-mask,\n.cs-line-mask {\n clip-path: polygon(0 0, 100% 0, 100% 110%, 0 110%);\n}\n\n/* Styles for desktop */\n@media only screen and (min-width: 992px) {\n /* Special styles for CS single footer */\n #csSingleFooter {\n position: static;\n }\n\n /* Padding for first portfolio item on list */\n #csItemTransformWrapper,\n #csItemNotTransformWrapper {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n }\n\n /* CS thumbnails ratio */\n .portfolio_item_image-wrapper.is-portrait {\n aspect-ratio: 31/32;\n }\n .portfolio_item_image-wrapper {\n aspect-ratio: 4/3;\n }\n\n /* Padding for CS elements portfolio elements */\n .portfolio_wrapper.is-2-col > .portfolio_item:first-child .portfolio_item_content,\n .portfolio_item.is-1-left .portfolio_item_content {\n padding-left: 2.5rem;\n }\n\n /* Reviews slider pagination position */\n .splide__pagination.reviews-pagination {\n bottom: -3.625rem;\n }\n\n /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n bottom: 2.25rem;\n left: 0;\n right: 0;\n }\n\n /* Sticky navbar padding */\n #stickyNavbar {\n padding: 1rem 2.5rem;\n }\n\n /* Underline hover */\n .button_small .link,\n .portfolio_item .is-p-l.is-link,\n .cookies-button {\n position: relative;\n text-decoration: none;\n background-image: linear-gradient(currentColor, currentColor);\n background-position: 0 100%;\n background-repeat: no-repeat;\n background-size: 100% 0.08em;\n transition: background-size 0.2s cubic-bezier(0.65, 0, 0.35, 1);\n }\n\n .button_small:hover .link,\n .button_small:focus .link,\n .portfolio_item:hover .is-p-l.is-link,\n .portfolio_item:active .is-p-l.is-link,\n .cookies-button:hover,\n .cookies-button:active {\n background-size: 0% 0.08em;\n }\n\n /* Button small circle hover */\n .button_small .button_small_icon_circle,\n .cta_link .cta_link_icon-wrapper {\n position: relative;\n }\n\n .button_small .button_small_icon_circle::after,\n .cta_link .cta_link_icon-wrapper::after {\n background-color: inherit;\n border-radius: 50%;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1);\n }\n\n .button_small:hover .button_small_icon_circle::after,\n .cta_link:hover .cta_link_icon-wrapper::after {\n scale: 1.2;\n }\n\n /* Navbar links hover undeline */\n .navbar_menu_link,\n .footer_menu_link,\n .is-link,\n .cta_link .is-h4 {\n position: relative;\n text-decoration: none;\n background-image: linear-gradient(currentColor, currentColor);\n background-position: 0 100%;\n background-repeat: no-repeat;\n background-size: 0% 0.08em;\n transition: background-size 0.2s cubic-bezier(0.65, 0, 0.35, 1);\n }\n .navbar_menu_link:hover,\n .navbar_menu_link:focus,\n .footer_menu_link:hover,\n .footer_menu_link:focus,\n .is-link:hover,\n .is-link_link:focus,\n .cta_link:hover .is-h4,\n .cta_link:focus .is-h4 {\n background-size: 100% 0.08em;\n }\n}\n\n/* Styles for desktop < 1180 */\n@media only screen and (max-width: 1180px) and (min-width: 992px) {\n .stats-content_wrapper {\n padding-right: 4vw;\n }\n}\n\n@media only screen and (max-width: 1280px) and (min-width: 992px) {\n .section.is-cs-2col {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n }\n}\n\n/* Styles for tablet and smaller */\n@media only screen and (max-width: 991px) {\n /* Hide circle in navbars' small button */\n .navbar .button_small .button_small_icon_circle {\n display: none;\n }\n\n /* Padding for first portfolio item on list */\n #csItemTransformWrapper {\n padding-left: 1.75rem;\n padding-right: 1.75rem;\n }\n\n /* CS thumbnails ratio */\n .portfolio_item_image-wrapper {\n aspect-ratio: 6/5;\n }\n\n /* Underline for some links */\n .button_small .link,\n .portfolio_item .is-p-l.is-link,\n .cta_link.is-mobile-nav .is-p-l,\n .cookies-button {\n position: relative;\n text-decoration: none;\n background-image: linear-gradient(currentColor, currentColor);\n background-position: 0 100%;\n background-repeat: no-repeat;\n background-size: 100% 0.08em;\n }\n\n /* Reviews slider pagination position */\n .splide__pagination.reviews-pagination {\n bottom: -3.5rem;\n }\n\n /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n top: 15.25rem;\n left: 0;\n right: 0;\n }\n\n /* Splide list overflow change */\n .splide__list.team_collection_list {\n overflow: visible;\n }\n}\n\n/* Styles for landscape and smaller */\n@media only screen and (max-width: 767px) {\n /* Padding for first portfolio item on list */\n #csItemTransformWrapper {\n padding-left: 1.375rem;\n padding-right: 1.375rem;\n }\n\n /* Reel video ratio */\n .reel_prev_mask {\n aspect-ratio: 19 / 22;\n }\n\n /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n top: 13.5rem;\n left: 0;\n right: 0;\n }\n\n /* CS thumbnails ratio */\n .portfolio_item_image-wrapper {\n aspect-ratio: 95 / 79;\n }\n\n /* Reviews slider pagination position */\n .splide__pagination.reviews-pagination {\n bottom: -3rem;\n }\n}\n\n.background-video {\n height: 100%;\n position: relative;\n overflow: hidden;\n}\n\n.background-video > video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: -100;\n background-position: 50%;\n background-size: cover;\n margin: auto;\n position: absolute;\n top: -100%;\n bottom: -100%;\n left: -100%;\n right: -100%;\n}\n\n.background-video > video::-webkit-media-controls-start-playback-button {\n -webkit-appearance: none;\n display: none !important;\n}\n\n.background-video--control {\n background-color: rgba(0, 0, 0, 0);\n padding: 0;\n position: absolute;\n bottom: 1em;\n right: 1em;\n}\n\n.background-video--control > [hidden] {\n display: none !important;\n}"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
package/src/index.js
CHANGED
|
@@ -386,6 +386,8 @@ function customGsapEasing() {
|
|
|
386
386
|
factsSplide.go('+1');
|
|
387
387
|
});
|
|
388
388
|
}
|
|
389
|
+
|
|
390
|
+
// Click on external link
|
|
389
391
|
const externalLink = e.querySelectorAll('.external_link.is-cursor');
|
|
390
392
|
// Loop through each element and execute customCursorIn.reverse()
|
|
391
393
|
externalLink.forEach((link) => {
|
|
@@ -393,10 +395,40 @@ function customGsapEasing() {
|
|
|
393
395
|
event.stopPropagation();
|
|
394
396
|
});
|
|
395
397
|
});
|
|
398
|
+
|
|
399
|
+
// Animations
|
|
400
|
+
factsSplide.on('move ', (newIndex) => {
|
|
401
|
+
if (newIndex === 0) {
|
|
402
|
+
document.querySelector('.facts-slide_diagram-trigger.is-0').click();
|
|
403
|
+
} else if (newIndex === 1) {
|
|
404
|
+
document.querySelector('.facts-slide_diagram-trigger.is-1').click();
|
|
405
|
+
} else if (newIndex === 2) {
|
|
406
|
+
document.querySelector('.facts-slide_diagram-trigger.is-2').click();
|
|
407
|
+
}
|
|
408
|
+
});
|
|
409
|
+
ScrollTrigger.create({
|
|
410
|
+
trigger: '.section.is-facts',
|
|
411
|
+
start: 'top bottom',
|
|
412
|
+
once: true,
|
|
413
|
+
onToggle: () => {
|
|
414
|
+
document.querySelector('.facts-slide_diagram-trigger.is-0').click();
|
|
415
|
+
},
|
|
416
|
+
});
|
|
396
417
|
}
|
|
397
418
|
|
|
398
419
|
// Team slider
|
|
399
420
|
window.teamSlider = function(e) {
|
|
421
|
+
// Randomize order of slides
|
|
422
|
+
const teamList = e.querySelector('.team_collection_list');
|
|
423
|
+
const teamItems = Array.from(teamList.children);
|
|
424
|
+
teamItems.sort(function () {
|
|
425
|
+
return 0.5 - Math.random();
|
|
426
|
+
});
|
|
427
|
+
teamItems.forEach(function (item) {
|
|
428
|
+
teamList.appendChild(item);
|
|
429
|
+
});
|
|
430
|
+
|
|
431
|
+
// Team slider splide initialize
|
|
400
432
|
new Splide(e, {
|
|
401
433
|
type: 'slide',
|
|
402
434
|
fixedWidth: '20%',
|
|
@@ -419,18 +451,8 @@ function customGsapEasing() {
|
|
|
419
451
|
},
|
|
420
452
|
}).mount();
|
|
421
453
|
|
|
422
|
-
// Randomize order of slides
|
|
423
|
-
const teamList = e.querySelector('.team_collection_list');
|
|
424
|
-
const teamItems = Array.from(teamList.children);
|
|
425
|
-
teamItems.sort(function () {
|
|
426
|
-
return 0.5 - Math.random();
|
|
427
|
-
});
|
|
428
|
-
teamItems.forEach(function (item) {
|
|
429
|
-
teamList.appendChild(item);
|
|
430
|
-
});
|
|
431
|
-
|
|
432
454
|
// Animation in
|
|
433
|
-
|
|
455
|
+
gsap.from(e, {
|
|
434
456
|
scrollTrigger: {
|
|
435
457
|
trigger: e,
|
|
436
458
|
start: 'top bottom',
|