diff --git a/docs/assets/js/src/style.js b/docs/assets/js/src/style.js
index b2dccfd1..a823b67e 100644
--- a/docs/assets/js/src/style.js
+++ b/docs/assets/js/src/style.js
@@ -1,70 +1,49 @@
 /**
  * Dynamically display style properties i.e. font
  */
-const Style = (($) => {
+const Style = class {
 
-  /**
-   * ------------------------------------------------------------------------
-   * Constants
-   * ------------------------------------------------------------------------
-   */
-  // const Default = {
-  //  template: ``
-  // }
+  constructor() {
 
-  /**
-   * ------------------------------------------------------------------------
-   * Class Definition
-   * ------------------------------------------------------------------------
-   */
-  class Style {
-
-    constructor() {
-
-    }
-
-    static rgbToHex(rgba) {
-      rgba = rgba.match(/\d+/g)
-      let hex = `#${String(`0${Number(rgba[0]).toString(16)}`).slice(-2)}${String(`0${Number(rgba[1]).toString(16)}`).slice(-2)}${String(`0${Number(rgba[2]).toString(16)}`).slice(-2)}`
-      return hex
-    }
-
-    // Function to display font properties dynamically discovered
-    static displayFontSizeWeightColor($elements, writeFn, bg = false, wrapWithCode = false) {
-      return $elements.each((index, element) => {
-        let $element = $(element)
-
-        let rgbaBgColor = $element.css('background-color')
-        // let hexBgColor = Style.rgbToHex(rgbaBgColor)
-
-        let rgbaColor = $element.css('color')
-        // let hexColor = Style.rgbToHex(rgbaColor)
-
-        let text = ''
-
-        if (wrapWithCode) {
-          text += `<code style='font-size: 10px; font-weight: 500; letter-spacing: normal'>`
-        }
-
-        // text += `${$element.css('font-size')} ${$element.css('font-weight')} ${hexColor}`
-        text += `<span>${$element.css('font-size')} ${$element.css('font-weight')} <span style='white-space: nowrap'>${rgbaColor}</span></span>`
-        if (bg) {
-          // text += ` bg: ${hexBgColor} `
-          text += ` bg: ${rgbaBgColor} `
-        }
-
-        if (wrapWithCode) {
-          text += `</code>`
-        }
-
-        writeFn($element, $(text))
-      })
-    }
   }
 
+  static rgbToHex(rgba) {
+    rgba = rgba.match(/\d+/g)
+    let hex = `#${String(`0${Number(rgba[0]).toString(16)}`).slice(-2)}${String(`0${Number(rgba[1]).toString(16)}`).slice(-2)}${String(`0${Number(rgba[2]).toString(16)}`).slice(-2)}`
+    return hex
+  }
 
-  return Style
+  // Function to display font properties dynamically discovered
+  static displayFontSizeWeightColor($elements, writeFn, bg = false, wrapWithCode = false) {
+    return $elements.each((index, element) => {
+      let $element = $(element)
 
-})(jQuery)
+      let rgbaBgColor = $element.css('background-color')
+      // let hexBgColor = Style.rgbToHex(rgbaBgColor)
+
+      let rgbaColor = $element.css('color')
+      // let hexColor = Style.rgbToHex(rgbaColor)
+
+      let text = ''
+
+      if (wrapWithCode) {
+        text += `<code style='font-size: 10px; font-weight: 500; letter-spacing: normal'>`
+      }
+
+      // text += `${$element.css('font-size')} ${$element.css('font-weight')} ${hexColor}`
+      text += `<span>${$element.css('font-size')} ${$element.css('font-weight')} <span style='white-space: nowrap'>${rgbaColor}</span></span>`
+      if (bg) {
+        // text += ` bg: ${hexBgColor} `
+        text += ` bg: ${rgbaBgColor} `
+      }
+
+      if (wrapWithCode) {
+        text += `</code>`
+      }
+
+      writeFn($element, $(text))
+    })
+  }
+}
 
 export default Style