55 lines
2.0 KiB
JavaScript
55 lines
2.0 KiB
JavaScript
import { token } from '../..';
|
|
|
|
export default {
|
|
backgroundImage: token.prop('backgroundImage'),
|
|
bgImg: token.prop('backgroundImage')
|
|
};
|
|
|
|
/* const { styleClass } = require('../../../utils');
|
|
|
|
module.exports = (root, opts) => {
|
|
const images = {
|
|
'bg-none': 'none'
|
|
};
|
|
|
|
const gradientDirections = {
|
|
'bg-gradient-to-t': 'to top',
|
|
'bg-gradient-to-tr': 'to top right',
|
|
'bg-gradient-to-r': 'to right',
|
|
'bg-gradient-to-br': 'to bottom right',
|
|
'bg-gradient-to-b': 'to bottom',
|
|
'bg-gradient-to-bl': 'to bottom left',
|
|
'bg-gradient-to-l': 'to left',
|
|
'bg-gradient-to-tl': 'to top left'
|
|
};
|
|
|
|
const radialGradientDirections = {
|
|
'bg-radial-gradient-to-t': 'at top',
|
|
'bg-radial-gradient-to-tr': 'at top right',
|
|
'bg-radial-gradient-to-r': 'at right',
|
|
'bg-radial-gradient-to-br': 'at bottom right',
|
|
'bg-radial-gradient-to-b': 'at bottom',
|
|
'bg-radial-gradient-to-bl': 'at bottom left',
|
|
'bg-radial-gradient-to-l': 'at left',
|
|
'bg-radial-gradient-to-tl': 'at top left'
|
|
};
|
|
|
|
const gradients = {};
|
|
|
|
for (let direction in gradientDirections) {
|
|
gradients[
|
|
direction
|
|
] = `linear-gradient(${gradientDirections[direction]}, var(--gradient-from) var(--gradient-from-percentage, 0%),var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-to, var(--gradient-from),transparent) var(--gradient-to-percentage, 100%))`;
|
|
}
|
|
|
|
for (let direction in radialGradientDirections) {
|
|
gradients[
|
|
direction
|
|
] = `radial-gradient(${radialGradientDirections[direction]}, var(--gradient-from) var(--gradient-from-percentage, 0%), var(--gradient-to,var(--gradient-via, var(--gradient-from)) var(--gradient-via-percentage, 50%), var(--gradient-from),transparent) var(--gradient-to-percentage, 100%))`;
|
|
}
|
|
|
|
styleClass('background-image', gradients, root, opts, true, true);
|
|
styleClass('background-image', images, root, opts, true, true);
|
|
};
|
|
*/
|