@widelab-nc/widelab 1.1.10 → 1.1.12

package/dist/style.css

@@ -1,2 +1,2 @@
-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{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}.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}
+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{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}.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}
 /*# sourceMappingURL=style.css.map */

package/dist/style.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/style.scss"],
-  "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 {\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    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  /* 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"],
-  "mappings": "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",
+  "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 {\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    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  /* 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"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widelab-nc/widelab",
-  "version": "1.1.10",
+  "version": "1.1.12",
   "description": "Widelab starter template based on Finsweet template + add-ons.",
   "homepage": "https://widelab.co",
   "license": "ISC",

package/src/index.js

@@ -26,14 +26,14 @@ function contactFormOpenAnimation() {
   contactFormOpen = gsap.timeline({paused: true});
   contactFormOpen.to(contactFormWrapper, {
     autoAlpha: 1,
-    duration: 0.2,
+    duration: 0.3,
     ease: 'loader2',
   })
   contactFormOpen.from(contactForm, {
     x: '100%',
-    duration: 0.3,
+    duration: 0.4,
     ease: 'loader2',
-  }, '-=0.1')
+  }, '-=0.2')
 }
 
 
@@ -1015,13 +1015,11 @@ window.changeCheckboxLabelColor = function() {
       }
     }
   };
-
   checkboxInputs.forEach(function(checkboxInput) {
     let config = { attributes: true, attributeFilter: ['class'] };
     let observer = new MutationObserver(callback);
     observer.observe(checkboxInput, config);
   });
-
 }
 
   // Contact modal open animation
@@ -1031,7 +1029,69 @@ window.openContactModal = function() {
 
 // Contact modal close animation
 window.closeContactModal = function() {
-  contactFormOpen.timeScale(1.5).reverse();;
+  contactFormOpen.timeScale(1).reverse();;
+}
+
+// Form animation
+// Hero animation on load
+window.successMsgAnimation = function(e) {
+  const successMsgAnim = gsap.timeline({}),
+
+    homeHeroHeading = new SplitText('#successHoooray, #successHeadiline', {
+      type: 'lines',
+      linesClass: 'hero-line',
+    }),
+    homeHeroHeadingMask = new SplitText('#successHoooray, #successHeadiline', {
+      type: 'lines',
+      linesClass: 'hero-line-mask',
+    });
+  successMsgAnim.from(
+    '.hero-line',
+    {
+      duration: 1.2,
+      y: '100%',
+      stagger: 0.2,
+      ease: 'loader2',
+    }
+  );
+    successMsgAnim.to(
+      e,
+      {
+        width: '0%',
+        duration: 0.6,
+        ease: 'loader2',
+      },
+      '>-0.5'
+    );
+  successMsgAnim.from(
+    '#successParagraph',
+    {
+      opacity: 0,
+      duration: 0.3,
+      ease: 'loader2',
+    },
+    '>-0.4'
+  );
+}
+
+// Form animation on submit
+window.formSubmitAnimation = function(e) {
+  function observeDisplayChanges() {
+    const targetElement = document.querySelector('.contact-modal_form-success');
+    const observerConfig = {
+      attributes: true,
+      attributeFilter: ['style'],
+    };
+    const observer = new MutationObserver(function(mutationsList, observer) {
+      mutationsList.forEach(function(mutation) {
+        if (mutation.target.style.display === 'block') {
+          successMsgAnimation(e);
+        }
+      });
+    });
+    observer.observe(targetElement, observerConfig);
+  }
+  observeDisplayChanges();
 }