js2css/examples.js at master · sjurba/js2css · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
'use strict';
var js2css = require('./lib/js2css.js');

var styles = require('./test.css.js');

console.log(js2css(styles));

var styles2 = require('./test2.css.js');

console.log(js2css(styles2));


js2css.mixins.sjurba = function (val) {
    return {
        color: 'sjurba ' + val
    };
};

console.log(js2css({
    body: {
        sjurba: 123
    }
}));


console.log(js2css({
    styles: {
        body: {
            sjurba: 123
        }
    },
    mixins: {
        sjurba: function (val) {
            return {
                color: 'Gabe ' + val
            };
        }
    }
}));

console.log(js2css({
    body: {
        color: ['red', 'blue']
    }
}));

console.log(js2css({
    body: {
        color: 'red'
    }
}));

console.log(js2css([{
    body: {
        color: ['red', 'blue', 123]
    }
}, {
    styles: {
        body: {
            sjurba: 123
        }
    },
    mixins: {
        sjurba: function (val) {
            return {
                color: val
            };
        }
    }
}]));

console.log(js2css({
    body: {
        '&.div': {
            color: 'red'
        },
        '&:div': {
            color: 'red'
        }
    }
}));