chore: merge getColor

Author: xidedix

CHANGELOG.md

@@ -1,5 +1,7 @@
 ## v2.0.19
-- feat: sidebar set active using query string
+- refactor: extract getCssCustomProperties function
+- feat: add getColor function
+- feat: sidebar set active using query string PR #21
 - chore: update `node-sass` to `4.9.4`
 - chore: update `eslint` to `5.7.0`
 - chore: update `babel-plugin-istanbul` to `5.1.0`

js/src/utilities/get-color.js

@@ -0,0 +1,25 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI Utilities (v2.0.18): get-color.js
+ * Licensed under MIT (https://coreui.io/license)
+ * --------------------------------------------------------------------------
+ */
+import getCssCustomProperties from './get-css-custom-properties'
+
+const minIEVersion = 10
+const isIE1x = () => Boolean(document.documentMode) && document.documentMode >= minIEVersion
+const isCustomProperty = (property) => property.match(/^--.*/i)
+
+const getColor = (rawProperty, element = document.body) => {
+  const property = `--${rawProperty}`
+  let style
+  if (isCustomProperty(property) && isIE1x()) {
+    const cssCustomProperties = getCssCustomProperties()
+    style = cssCustomProperties[property]
+  } else {
+    style = window.getComputedStyle(element, null).getPropertyValue(property).replace(/^\s/, '')
+  }
+  return style ? style : rawProperty
+}
+
+export default getColor

js/src/utilities/get-css-custom-properties.js

@@ -0,0 +1,42 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI Utilities (v2.0.18): get-css-custom-properties.js
+ * Licensed under MIT (https://coreui.io/license)
+ * @returns {string} css custom property name
+ * --------------------------------------------------------------------------
+ */
+const getCssCustomProperties = () => {
+  const cssCustomProperties = {}
+  const sheets = document.styleSheets
+  let cssText = ''
+  for (let i = sheets.length - 1; i > -1; i--) {
+    const rules = sheets[i].cssRules
+    for (let j = rules.length - 1; j > -1; j--) {
+      if (rules[j].selectorText === '.ie-custom-properties') {
+        cssText = rules[j].cssText
+        break
+      }
+    }
+    if (cssText) {
+      break
+    }
+  }
+
+  cssText = cssText.substring(
+    cssText.lastIndexOf('{') + 1,
+    cssText.lastIndexOf('}')
+  )
+
+  cssText.split(';').forEach((property) => {
+    if (property) {
+      const name = property.split(': ')[0]
+      const value = property.split(': ')[1]
+      if (name && value) {
+        cssCustomProperties[`--${name.trim()}`] = value.trim()
+      }
+    }
+  })
+  return cssCustomProperties
+}
+
+export default getCssCustomProperties

js/src/utilities/get-style.js

@@ -4,40 +4,7 @@
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */
-
-const getCssCustomProperties = () => {
-  const cssCustomProperties = {}
-  const sheets = document.styleSheets
-  let cssText = ''
-  for (let i = sheets.length - 1; i > -1; i--) {
-    const rules = sheets[i].cssRules
-    for (let j = rules.length - 1; j > -1; j--) {
-      if (rules[j].selectorText === '.ie-custom-properties') {
-        cssText = rules[j].cssText
-        break
-      }
-    }
-    if (cssText) {
-      break
-    }
-  }
-
-  cssText = cssText.substring(
-    cssText.lastIndexOf('{') + 1,
-    cssText.lastIndexOf('}')
-  )
-
-  cssText.split(';').forEach((property) => {
-    if (property) {
-      const name = property.split(': ')[0]
-      const value = property.split(': ')[1]
-      if (name && value) {
-        cssCustomProperties[`--${name.trim()}`] = value.trim()
-      }
-    }
-  })
-  return cssCustomProperties
-}
+import getCssCustomProperties from './get-css-custom-properties'
 
 const minIEVersion = 10
 const isIE1x = () => Boolean(document.documentMode) && document.documentMode >= minIEVersion

js/src/utilities/index.js

@@ -1,11 +1,13 @@
 import deepObjectsMerge from './deep-objects-merge'
+import getColor from './get-color'
 import getStyle from './get-style'
 import hexToRgb from './hex-to-rgb'
 import hexToRgba from './hex-to-rgba'
 import rgbToHex from './rgb-to-hex'
 
 export {
   deepObjectsMerge,
+  getColor,
   getStyle,
   hexToRgb,
   hexToRgba,

scss/coreui-standalone.scss

@@ -62,4 +62,4 @@
 @import "rtl";
 
 // Custom Properties support for Internet Explorer
-@import "ie-custom-properties"
+@import "ie-custom-properties";