38 lines
1.2 KiB
JavaScript
38 lines
1.2 KiB
JavaScript
/* const { getWhiteAndBlackRgbaColors, getThemeColors } = require('../base/color');
|
|
const { appendRules } = require('../../utils');
|
|
|
|
module.exports = (root, opts) => {
|
|
appendGradients(root, opts);
|
|
};
|
|
|
|
function appendGradients(root, opts) {
|
|
const p = opts.prefix.cssVariable;
|
|
|
|
function appendColors(type) {
|
|
const gradients = {
|
|
[`${type}-from-to`]: `--gradient-from: var(--${type}-from-color); --gradient-to: var(--${type}-to-color, var(--${type}-from-color), transparent);`
|
|
};
|
|
const themes = getThemeColors(opts, `${type}-`, p, `--gradient-${type}`);
|
|
const whiteAndBlackRgba = getWhiteAndBlackRgbaColors(`${type}-`, `--gradient-${type}`);
|
|
|
|
appendRules(root, opts, gradients);
|
|
appendRules(root, opts, themes);
|
|
appendRules(root, opts, whiteAndBlackRgba);
|
|
}
|
|
|
|
appendColors('from');
|
|
appendColors('via');
|
|
appendColors('to');
|
|
|
|
const percentages = {};
|
|
|
|
for (let i = 0; i <= 100; i += 10) {
|
|
percentages[`from-${i}\\%`] = `--gradient-from-percentage: ${i}%;`;
|
|
percentages[`via-${i}\\%`] = `--gradient-via-percentage: ${i}%;`;
|
|
percentages[`to-${i}\\%`] = `--gradient-to-percentage: ${i}%;`;
|
|
}
|
|
|
|
appendRules(root, opts, percentages);
|
|
}
|
|
*/
|