@widelab-nc/widelab 1.1.6 → 1.1.7

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.
Files changed (5) hide show
  1. package/dist/index.js +2 -2
  2. package/dist/index.js.map +3 -3
  3. package/dist/style.css.map +1 -1
  4. package/package.json +1 -1
  5. package/src/index.js +16 -4
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, .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}"],
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 {\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"],
5
5
  "mappings": "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",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widelab-nc/widelab",
3
- "version": "1.1.6",
3
+ "version": "1.1.7",
4
4
  "description": "Widelab starter template based on Finsweet template + add-ons.",
5
5
  "homepage": "https://widelab.co",
6
6
  "license": "ISC",
package/src/index.js CHANGED
@@ -958,13 +958,26 @@ function customGsapEasing() {
958
958
  // Update the scroll trigger on page load
959
959
  window.updateScrollTrigger = function() {
960
960
  window.onload = function() {
961
- console.log("CMS content loaded.");
962
961
  ScrollTrigger.update();
963
962
  };
964
-
965
-
966
963
  }
967
964
 
965
+ // Blog post main image mask animation
966
+ window.blogPostMaskAnimation = function(e) {
967
+ const blogHero = document.querySelector('#heroSection');
968
+ const blogMaskAnimation = gsap.from('.post_main-mask-ract', {
969
+ left: '0%',
970
+ ease: 'loader2',
971
+ });
972
+ ScrollTrigger.create({
973
+ animation: blogMaskAnimation,
974
+ trigger: blogHero,
975
+ start: 'top -5%',
976
+ end: 'bottom 50%',
977
+ scrub: 0.5,
978
+ });
979
+ }
980
+
968
981
 
969
982
  // !!!!!!!!! Keep this Alpine init at the end !!!!!!!!!
970
983
  window.Webflow ||= [];
@@ -989,5 +1002,4 @@ window.updateScrollTrigger = function() {
989
1002
  if (window.innerWidth < 992) {
990
1003
  disableScrollMenu();
991
1004
  }
992
-
993
1005
  });