@widelab-nc/widelab 1.1.5 → 1.1.7

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}"],
+  "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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",
   "names": []
 }

package/package.json

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

package/src/index.js

@@ -957,25 +957,27 @@ function customGsapEasing() {
 
   // Update the scroll trigger on page load
 window.updateScrollTrigger = function() {
-  const mediaElements = document.querySelectorAll('img, video');
-
-  const observer = new MutationObserver(function(mutationsList) {
-    for(let mutation of mutationsList) {
-      if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
-        ScrollTrigger.update();
-        console.log('Height change');
-        break;
-      }
-    }
-  });
-
-  const config = { attributes: true, childList: true, subtree: true };
-
-  mediaElements.forEach(function(mediaElement) {
-    observer.observe(mediaElement, config);
-  });
+  window.onload = function() {
+    ScrollTrigger.update();
+  };
 }
 
+  // Blog post main image mask animation
+  window.blogPostMaskAnimation = function(e) {
+    const blogHero = document.querySelector('#heroSection');
+    const blogMaskAnimation = gsap.from('.post_main-mask-ract', {
+      left: '0%',
+      ease: 'loader2',
+    });
+    ScrollTrigger.create({
+      animation: blogMaskAnimation,
+      trigger: blogHero,
+      start: 'top -5%',
+      end: 'bottom 50%',
+      scrub: 0.5,
+    });
+  }
+
 
   // !!!!!!!!! Keep this Alpine init at the end !!!!!!!!!
   window.Webflow ||= [];
@@ -1000,5 +1002,4 @@ window.updateScrollTrigger = function() {
     if (window.innerWidth < 992) {
       disableScrollMenu();
     }
-
   });