@widelab-nc/widelab 1.1.21 → 1.1.23
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 +2 -2
- package/dist/index.js.map +3 -3
- package/dist/style.css +1 -1
- package/dist/style.css.map +2 -2
- package/package.json +1 -1
- package/src/index.js +39 -8
package/dist/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
html.lenis{height:auto}.splide__list{user-select:none}.hero_headline.is-cta,.is-h4.is-blog{text-wrap:balance}#heroHeading{user-select:none;pointer-events:none}.hero_headline-span{pointer-events:auto;z-index:-1}.hero-line-mask:first-of-type{z-index:2}.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}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_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,.blog_link,.post-body_rtb a{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,.blog_link:hover,.blog_link:active,.post-body_rtb a:hover{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,.contact-modal_call-box_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,.contact-modal_call-box:hover .contact-modal_call-box_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}.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}.splide__pagination.facts-pagination{top:13.5rem;left:0;right:0}.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}.contact-modal_submit_icon{transition-delay:.05s}.contact-modal_submit:hover>.contact-modal_submit_icon-wrapper{width:2rem}.contact-modal_submit:hover>.contact-modal_submit_icon-wrapper>.contact-modal_submit_icon{opacity:1}
|
|
1
|
+
html.lenis{height:auto}.splide__list{user-select:none}.hero_headline.is-cta,.is-h4.is-blog{text-wrap:balance}#heroHeading{user-select:none;pointer-events:none}.hero_headline-span{pointer-events:auto;z-index:-1}.hero-line-mask:first-of-type{z-index:2}.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}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_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,.blog_link,.post-body_rtb a,.info-bar_wrapper>a.is-p-s{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,.blog_link:hover,.blog_link:active,.post-body_rtb a:hover,.info-bar_link:hover,.info-bar_wrapper>a.is-p-s:hover{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,.contact-modal_call-box_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,.contact-modal_call-box:hover .contact-modal_call-box_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}.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}.splide__pagination.facts-pagination{top:13.5rem;left:0;right:0}.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}.contact-modal_submit_icon{transition-delay:.05s}.contact-modal_submit:hover>.contact-modal_submit_icon-wrapper{width:2rem}.contact-modal_submit:hover>.contact-modal_submit_icon-wrapper>.contact-modal_submit_icon{opacity:1}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
package/dist/style.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
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, .is-h4.is-blog {\n text-wrap: balance;\n}\n\n/* Home hero span animation*/\n#heroHeading {\n user-select: none;\n pointer-events: 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/* 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/* 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 /* 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, .blog_link,
|
|
5
|
-
"mappings": "AACA,IAAA,CAAA,MACE,OAAA,KAGF,CAAA,aACE,YAAA,KAGF,CAAA,aAAA,CAAA,OAAA,CAAA,KAAA,CAAA,QACE,UAAA,QAIF,CAAA,YACE,YAAA,KACA,eAAA,KAEF,CAAA,mBACE,eAAA,KACA,QAAA,GAEF,CAAA,cAAA,eACE,QAAA,EAIF,CAAA,cACE,SAAA,QAIF,CAAA,wBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,WAEE,OAAA,QACA,MAAA,QACA,WAAA,QACA,QAAA,GArCF,OAsCE,OAIF,CAVA,wBAUA,CAVA,YAUA,CAAA,UAAA,CAVA,wBAUA,CAVA,UAUA,CAAA,UAEE,OAAA,QACA,MAAA,QACA,WAAA,KACA,QAAA,EACA,UAAA,KAIF,QACE,WAAA,OAIF,CAAA,6BAAA,CAAA,oCAAA,CAAA,kBAGE,eAAA,KAIF,CAAA,uBAAA,CAAA,UACE,YAAA,OACA,YAAA,UACA,UAAA,mBAAA,IAAA,OAAA,SAGF,CANA,uBAMA,CAAA,YAMA,CAZA,uBAYA,CAAA,UALE,YAAA,OACA,YAAA,UACA,UAAA,mBAAA,GAAA,OAAA,SASF,WAfE,mBAgBA,GACE,UAAA,UAAA,GAGF,GACE,UAAA,UAAA,OAKJ,CAAA,kBAAA,CAAA,iBA7FA,QA8FE,EACA,YAAA,MACA,gBAAA,KAIF,CA9EA,eA8EA,CAAA,gBAAA,CAAA,gBAAA,CAAA,aAIE,UAAA,QAAA,EAAA,CAAA,CAAA,KAAA,CAAA,CAAA,KAAA,IAAA,CAAA,EAAA,MAIF,OAAA,KAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OAEE,CAAA,eACE,SAAA,OAIF,CAAA,uBAAA,CAAA,0BAEE,aAAA,OACA,cAAA,OAIF,CAAA,iBAAA,CAAA,QAAA,CAAA,CAAA,cAAA,aAAA,CAAA,uBAAA,CAAA,cAAA,CAAA,UAAA,CAAA,uBAEE,aAAA,OAIF,CAnCF,kBAmCE,CAAA,mBACE,OAAA,UAIF,CAxCF,kBAwCE,CAxCF,iBAyCI,OAAA,QACA,KAAA,EACA,MAAA,EAIF,CAAA,aA5IF,QA6II,KAAA,OAIF,CAAA,aAAA,CAAA,KAAA,CAvBA,eAuBA,CAAA,MAAA,CAAA,QAAA,CAAA,eAAA,CAAA,UAAA,CAAA,cAAA,
|
|
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, .is-h4.is-blog {\n text-wrap: balance;\n}\n\n/* Home hero span animation*/\n#heroHeading {\n user-select: none;\n pointer-events: 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/* 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/* 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 /* 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, .blog_link, .post-body_rtb a, .info-bar_wrapper > a.is-p-s {\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 .blog_link:hover, .blog_link:active,\n .post-body_rtb a:hover,\n .info-bar_link:hover, .info-bar_wrapper > a.is-p-s:hover {\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, .contact-modal_call-box_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 .contact-modal_call-box:hover .contact-modal_call-box_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 /* 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 /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n top: 13.5rem;\n left: 0;\n right: 0;\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}\n\n.contact-modal_submit_icon {\n transition-delay: 0.05s;\n}\n.contact-modal_submit:hover > .contact-modal_submit_icon-wrapper {\n width: 2rem;\n}\n.contact-modal_submit:hover > .contact-modal_submit_icon-wrapper > .contact-modal_submit_icon {\n opacity: 1;\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
package/src/index.js
CHANGED
|
@@ -36,7 +36,6 @@ function contactFormOpenAnimation() {
|
|
|
36
36
|
}, '-=0.2')
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
|
|
40
39
|
//Smooth scroll init
|
|
41
40
|
const lenis = new Lenis({
|
|
42
41
|
duration: 1.2,
|
|
@@ -195,12 +194,19 @@ function contactFormOpenAnimation() {
|
|
|
195
194
|
}
|
|
196
195
|
|
|
197
196
|
// Header on scroll animation
|
|
198
|
-
|
|
197
|
+
const infoBar = document.querySelector('.info-bar');
|
|
198
|
+
const showHideHeader = gsap.timeline({ paused: true,})
|
|
199
|
+
showHideHeader.to('.navbar', {
|
|
199
200
|
y: '-100%',
|
|
200
|
-
paused: true,
|
|
201
201
|
duration: 0.2,
|
|
202
202
|
ease: 'loader2',
|
|
203
|
-
})
|
|
203
|
+
})
|
|
204
|
+
if (infoBar) {
|
|
205
|
+
showHideHeader.to('.button_small.is-navbar', {
|
|
206
|
+
top: "1.75rem",
|
|
207
|
+
duration: 0.2,
|
|
208
|
+
ease: 'loader2',
|
|
209
|
+
}, "<") }
|
|
204
210
|
|
|
205
211
|
// Custom cursor on mousedown and mouseup
|
|
206
212
|
function customCursorOnClick() {
|
|
@@ -223,7 +229,7 @@ function contactFormOpenAnimation() {
|
|
|
223
229
|
endTrigger: '.bottom-wrapper',
|
|
224
230
|
end: 'bottom bottom',
|
|
225
231
|
onUpdate: (self) => {
|
|
226
|
-
self.direction ===
|
|
232
|
+
self.direction === 1 ? showHideHeader.play() : showHideHeader.reverse();
|
|
227
233
|
},
|
|
228
234
|
});
|
|
229
235
|
}
|
|
@@ -591,14 +597,18 @@ function contactFormOpenAnimation() {
|
|
|
591
597
|
ease: 'loader2',
|
|
592
598
|
scrollTrigger: {
|
|
593
599
|
trigger: e,
|
|
594
|
-
start: 'top
|
|
600
|
+
start: 'top center',
|
|
595
601
|
end: 'bottom top',
|
|
596
602
|
toggleActions: 'play reverse play reverse',
|
|
597
603
|
},
|
|
598
604
|
});
|
|
599
605
|
sectionsBgChange.to(['#skills', '#portfolio'], {
|
|
600
606
|
backgroundColor: '#151515',
|
|
601
|
-
});
|
|
607
|
+
}, '<');
|
|
608
|
+
sectionsBgChange.to(".info-bar_wrapper", {
|
|
609
|
+
backgroundColor: '#2E2E2E',
|
|
610
|
+
color: "#fff"
|
|
611
|
+
}, '<');
|
|
602
612
|
// Change navbar element on bg animation
|
|
603
613
|
sectionsBgChange.to(
|
|
604
614
|
[
|
|
@@ -1148,6 +1158,27 @@ window.scrollTriggerRefresh = function() {
|
|
|
1148
1158
|
observer.observe(targetNode, config);
|
|
1149
1159
|
}
|
|
1150
1160
|
|
|
1161
|
+
// Info bar close animation
|
|
1162
|
+
window.closeInfoBar = function() {
|
|
1163
|
+
const infoBarClose = gsap.timeline({});
|
|
1164
|
+
infoBarClose.to('.info-bar', {
|
|
1165
|
+
height: 0,
|
|
1166
|
+
autoAlpha: 0,
|
|
1167
|
+
duration: 0.3,
|
|
1168
|
+
ease: 'loader2',
|
|
1169
|
+
});
|
|
1170
|
+
infoBarClose.to('.button_small.is-navbar', {
|
|
1171
|
+
top: "1.75rem",
|
|
1172
|
+
duration: 0.3,
|
|
1173
|
+
ease: 'loader2',
|
|
1174
|
+
}, "<");
|
|
1175
|
+
infoBarClose.to('#heroSection', {
|
|
1176
|
+
paddingTop: "6.5rem",
|
|
1177
|
+
duration: 0.3,
|
|
1178
|
+
ease: 'loader2',
|
|
1179
|
+
}, "<");
|
|
1180
|
+
|
|
1181
|
+
}
|
|
1151
1182
|
|
|
1152
1183
|
|
|
1153
1184
|
// !!!!!!!!! Keep this Alpine init at the end !!!!!!!!!
|
|
@@ -1171,5 +1202,5 @@ window.scrollTriggerRefresh = function() {
|
|
|
1171
1202
|
pageTransitionAnimation();
|
|
1172
1203
|
customCursorOnClick();
|
|
1173
1204
|
contactFormOpenAnimation();
|
|
1174
|
-
|
|
1205
|
+
disableScrollMenu();
|
|
1175
1206
|
});
|