@linear_non/stellar-kit 1.1.0 → 1.1.2

package/events/Resize.js

@@ -52,11 +52,14 @@ export default class Resize {
 
   updateBodyClasses() {
     const { vw, vh } = sizes
-    const orientationClass = vw > vh ? "is-landscape" : "is-portrait"
-    const deviceClass = sniffer.isDesktop ? "is-desktop" : "is-device"
+    const isLandscape = vw > vh
+    const isDesktop = sniffer.isDesktop
 
-    document.body.classList.add(orientationClass)
-    document.body.classList.add(deviceClass)
+    document.body.classList.toggle("is-landscape", isLandscape)
+    document.body.classList.toggle("is-portrait", !isLandscape)
+
+    document.body.classList.toggle("is-desktop", isDesktop)
+    document.body.classList.toggle("is-device", !isDesktop)
   }
 
   on() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linear_non/stellar-kit",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Stellar frontend core for Non-Linear Studio projects.",
   "main": "index.js",
   "exports": {

package/utils/index.js

@@ -1,5 +1,6 @@
 export { qs, qsa, getid, gettag } from "./selector"
 export { bounds } from "./bounds"
+export { offset } from "./offset"
 export { getViewport, getWindowSizes, setViewportHeight } from "./window"
 export { sniffer } from "./sniffer"
 export { lerp, clamp, norm, round } from "./math"

package/utils/offset.js

@@ -0,0 +1,14 @@
+// offset.js
+// Helpfull to use instead of
+// bounds when using smooth scroll
+export const offset = el => {
+  let left = 0,
+    top = 0
+  const node = el
+  while (el) {
+    left += el.offsetLeft
+    top += el.offsetTop
+    el = el.offsetParent
+  }
+  return { left, top, bottom: top + node.offsetHeight }
+}