aw-front-helpers 2.5.14 → 2.5.16

package/bootstraper/index.js

@@ -1,4 +1,6 @@
+import BootstraperMaps from './maps'
+import BootstraperYoutube from './youtube'
+
 module.exports = {
-  bootstraperMaps: require('./maps').default,
-  bootstraperYoutube: require('./youtube').default,
-};
+  BootstraperMaps, BootstraperYoutube
+}

package/classes/index.js

@@ -1,4 +1,8 @@
-module.exports.GParallax = require('./globalParallax').default;
-module.exports.Nearby = require('./nearby').default;
-module.exports.FormControl = require('./formControl').default;
-module.exports.Sticky = require('./sticky').default;
+import GParallax from './classes/globalParallax'
+import Nearby from './classes/nearby'
+import FormControl from './classes/formControl'
+import Sticky from './classes/sticky'
+
+module.exports = {
+  GParallax, Nearby, FormControl, Sticky,
+}

package/index.js

@@ -1,7 +1,11 @@
-export const GParallax = require('./classes/globalParallax').default;
-export const Nearby = require('./classes/nearby').default;
-export const FormControl = require('./classes/formControl').default;
-export const Sticky = require('./classes/sticky').default;
-export const BootstraperMaps = require('./bootstraper/maps').default;
-export const BootstraperYoutube = require('./bootstraper/youtube').default;
-export const utils = require('./utils');
+import GParallax from './classes/globalParallax'
+import Nearby from './classes/nearby'
+import FormControl from './classes/formControl'
+import Sticky from './classes/sticky'
+import BootstraperMaps from './bootstraper/maps'
+import BootstraperYoutube from './bootstraper/youtube'
+import utils from './utils'
+
+module.exports = {
+  GParallax, Nearby, FormControl, Sticky, BootstraperMaps, BootstraperYoutube, utils
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aw-front-helpers",
-  "version": "2.5.14",
+  "version": "2.5.16",
   "description": "Assets helpers for projects",
   "author": "Yoann Le Poupon",
   "license": "ISC",
@@ -12,6 +12,7 @@
   "dependencies": {
     "es6-symbol": "^3.1.3",
     "exif-js": "^2.3.0",
+    "debounce": "^2.1.0",
     "gsap": "^3.12.3"
   }
 }

package/stylesheets/_medias.scss

@@ -4,6 +4,7 @@ $breakpoint-tablet: 768px !default;
 $breakpoint-desktop: 1024px !default;
 $breakpoint-desktop-xl: 1280px !default;
 $breakpoint-desktop-xxl: 1440px !default;
+$breakpoint-desktop-xxxl: 1680px !default;
 $breakpoint-burger: 1100px !default;
 
 // ------------------------------------------------------------
@@ -21,6 +22,7 @@ $tablet-only: '#{$media-query} (min-width: #{$breakpoint-tablet}) and (max-width
 $desktop: '#{$media-query} (min-width: #{$breakpoint-desktop})';
 $desktop-xl: '#{$media-query} (min-width: #{$breakpoint-desktop-xl})';
 $desktop-xxl: '#{$media-query} (min-width: #{$breakpoint-desktop-xxl})';
+$desktop-xxxl: '#{$media-query} (min-width: #{$breakpoint-desktop-xxxl})';
 $burger-enable: '#{$media-query} (max-width: #{$breakpoint-burger - 1})';
 $burger-disable: '#{$media-query} (min-width: #{$breakpoint-burger})';
 

package/stylesheets/_mixins.scss

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 
-$color-main: #000 !default;
+$color-primary: #000 !default;
 
 $wrapper-max: 1500px !default;
 $wrapper-width-sm: 95% !default;
@@ -40,24 +40,24 @@ $vertical-spacing-desktop: 80px !default;
 }
 
 @mixin vertical-spacing-top($facteur: 1) {
-  margin-top: $vertical-spacing-mobile * $facteur;
-
+  & {
+    margin-top: $vertical-spacing-mobile * $facteur;
+  }
   @include tablet {
     margin-top: $vertical-spacing-tablet * $facteur;
   }
-
   @include desktop {
     margin-top: $vertical-spacing-desktop * $facteur;
   }
 }
 
 @mixin vertical-spacing-bottom($facteur: 1) {
-  margin-bottom: $vertical-spacing-mobile * $facteur;
-
+  & {
+    margin-bottom: $vertical-spacing-mobile * $facteur;
+  }
   @include tablet {
     margin-bottom: $vertical-spacing-tablet * $facteur;
   }
-
   @include desktop {
     margin-bottom: $vertical-spacing-desktop * $facteur;
   }
@@ -69,24 +69,24 @@ $vertical-spacing-desktop: 80px !default;
 }
 
 @mixin vertical-spacing-inner-top($facteur: 1) {
-  padding-top: $vertical-spacing-mobile * $facteur;
-
+  & {
+    padding-top: $vertical-spacing-mobile * $facteur;
+  }
   @include tablet {
     padding-top: $vertical-spacing-tablet * $facteur;
   }
-
   @include desktop {
     padding-top: $vertical-spacing-desktop * $facteur;
   }
 }
 
 @mixin vertical-spacing-inner-bottom($facteur: 1) {
-  padding-bottom: $vertical-spacing-mobile * $facteur;
-
+  & {
+    padding-bottom: $vertical-spacing-mobile * $facteur;
+  }
   @include tablet {
     padding-bottom: $vertical-spacing-tablet * $facteur;
   }
-
   @include desktop {
     padding-bottom: $vertical-spacing-desktop * $facteur;
   }
@@ -114,7 +114,6 @@ $vertical-spacing-desktop: 80px !default;
   width: auto;
   overflow: visible;
   background: transparent;
-  color: currentColor;
   font: inherit;
   line-height: normal;
   text-align: center;
@@ -140,11 +139,9 @@ $vertical-spacing-desktop: 80px !default;
 @mixin size($value) {
   $width: nth($value, 1);
   $height: $width;
-
   @if length($value) >1 {
     $height: nth($value, 2);
   }
-
   width: $width;
   height: $height;
 }
@@ -178,7 +175,6 @@ $vertical-spacing-desktop: 80px !default;
 }
 
 @mixin imageCover {
-  @include absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -186,13 +182,13 @@ $vertical-spacing-desktop: 80px !default;
 
 @mixin clearfix {
   &::after {
-    clear: both;
     content: '';
+    clear: both;
     display: table;
   }
 }
 
-@mixin loader($color: $color-main, $scale: 1, $position: after) {
+@mixin loader($color: $color-primary, $scale: 1, $position: after) {
   &::#{$position} {
     content: '';
     position: absolute;

package/stylesheets/_reset.scss

@@ -139,6 +139,8 @@ svg {
   max-width: 100%;
 }
 
+p,
+li,
 h1,
 h2,
 h3,
@@ -158,8 +160,7 @@ a {
 }
 
 .sprite {
-  &,
-  svg {
+  &, svg {
     display: inline-block;
     width: 100%;
     height: 100%;

package/stylesheets/_sticky.scss

@@ -6,7 +6,6 @@
     position: fixed !important;
     z-index: 3;
   }
-
   &.is-sticky-end {
     position: absolute !important;
     bottom: 0;

package/stylesheets/_variables.scss

@@ -43,6 +43,8 @@ $breakpoint-tablet: 768px !default;
 $breakpoint-desktop: 1024px !default;
 $breakpoint-desktop-xl: 1280px !default;
 $breakpoint-desktop-xxl: 1440px !default;
+$breakpoint-desktop-xxxl: 1680px !default;
+$breakpoint-burger: 1100px !default;
 
 $wrapper-max: 1440px !default;
 

package/utils/index.js

@@ -1,7 +1,10 @@
-module.exports.array = require('./array');
-module.exports.dom = require('./dom');
-module.exports.func = require('./func');
-module.exports.math = require('./math');
-module.exports.media = require('./media');
-module.exports.regex = require('./regex');
-module.exports.image = require('./image');
+import array from './array'
+import dom from './dom'
+import func from './func'
+import math from './math'
+import regex from './regex'
+import image from './image'
+
+module.exports = {
+  array, dom, func, math, regex, image
+}