atlas-guide/models/componentstat/utils/getBackgroundColor.js

Atlas is living style-guides & pattern library static site generator with extensive CSS monitoring and components info that could be used virtually with any scss/css project

'use strict';

const color = require('d3-color');

function getBackgroundColor(value) {
    const finalLayer = value.split(',');
    const layerPropsList = finalLayer.pop().split(' ');
    let backgroundColors = [];

    layerPropsList.forEach(prop => {
        if (color.hsl(prop).displayable() || /(^\$|^--)/.test(prop)) {
            return backgroundColors.push(prop);
        }
    });

    return backgroundColors;
}

module.exports = getBackgroundColor;