WooCommerce Colors - Version 1.0.0

Version Description

  • Initial version.

=

Download this release

Release Info

Developer claudiosanches
Plugin Icon 128x128 WooCommerce Colors
Version 1.0.0
Comparing to
See all releases

Version 1.0.0

assets/js/customizer.js ADDED
@@ -0,0 +1,191 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*global tinycolor */
2
+ ( function( $ ) {
3
+
4
+ function isDark( color ) {
5
+ var rgb = tinycolor( color ).toRgb(),
6
+ brightness = ( ( rgb.r * 299 ) + ( rgb.g * 587 ) + ( rgb.b * 114 ) ) / 1000;
7
+
8
+ return brightness < 155;
9
+ }
10
+
11
+ function changeColor( color, adjustment, saturation ) {
12
+ if ( isDark( color ) ) {
13
+ return tinycolor( color ).lighten( adjustment ).desaturate( saturation ).toString();
14
+ } else {
15
+ return tinycolor( color ).darken( adjustment ).desaturate( saturation ).toString();
16
+ }
17
+ }
18
+
19
+ function colorZeroPad( number ) {
20
+ total = 6 - number.length;
21
+
22
+ if ( 0 == total ) {
23
+ return number;
24
+ }
25
+
26
+ for ( var i = 0; i < total; i++ ) {
27
+ number = '0' + number;
28
+ }
29
+
30
+ return number;
31
+ }
32
+
33
+ function subtractColor( color, subtract ) {
34
+ return '#' + colorZeroPad( Math.abs( parseInt( color.replace( '#', '' ), 16 ) - parseInt( subtract.replace( '#', '' ), 16 ) ).toString( 16 ) );
35
+ }
36
+
37
+ // Primary Color.
38
+ wp.customize( 'woocommerce_colors[primary]', function( value ) {
39
+ value.bind( function( primary ) {
40
+ var css = '',
41
+ primaryText = changeColor( primary, 50, 18 );
42
+
43
+ // Buttons.
44
+ css += '.woocommerce p.demo_store, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color: ' + primary + '; color: ' + primaryText + ' }';
45
+ css += '.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: ' + subtractColor( primary, '#111111' ) + '; color: ' + primaryText + ' }';
46
+
47
+ // Widget proce filter.
48
+ css += '.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: ' + primary + ' }';
49
+ css += '.woocommerce .price_slider_wrapper .ui-widget-content { background-color: ' + subtractColor( primary, '#444444' ) + ' }';
50
+
51
+ $( '#woocommerce-colors-primary' ).remove();
52
+ $( 'head' ).append( '<style id="woocommerce-colors-primary">' + css + '</style>' );
53
+ });
54
+ });
55
+
56
+ // Secondary Color.
57
+ wp.customize( 'woocommerce_colors[secondary]', function( value ) {
58
+ value.bind( function( secondary ) {
59
+ var css = '',
60
+ secondaryText = changeColor( secondary, 60, 18 );
61
+
62
+ // Messages.
63
+ css += '.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info { background-color: ' + tinycolor( secondary ).lighten( 5 ).toString() + '; color: ' + secondaryText + ' }';
64
+
65
+ // Tabs.
66
+ css += '.woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid ' + tinycolor( secondary ).darken( 10 ).toString() + '; background-color: ' + secondary + '; }';
67
+ css += '.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: ' + secondaryText + '; }';
68
+ css += '.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: ' + tinycolor( secondaryText ).lighten( 10 ).toString() + '; }';
69
+ css += '.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { border: 1px solid ' + tinycolor( secondary ).darken( 10 ).toString() + '; }';
70
+ css += '.woocommerce div.product .woocommerce-tabs ul.tabs li:before { box-shadow: 2px 2px 0 ' + secondary + '; }';
71
+ css += '.woocommerce div.product .woocommerce-tabs ul.tabs li:after { box-shadow: -2px 2px 0 ' + secondary + '; }';
72
+ css += '.woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid ' + tinycolor( secondary ).darken( 10 ).toString() + '; }';
73
+
74
+ // Pagination.
75
+ css += '.woocommerce nav.woocommerce-pagination ul { border: 1px solid ' + tinycolor( secondary ).darken( 10 ).toString() + '; }';
76
+ css += '.woocommerce nav.woocommerce-pagination ul li { border-right: 1px solid ' + tinycolor( secondary ).darken( 10 ).toString() + '; }';
77
+ css += '.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus { background: ' + secondary + '; color: ' + tinycolor( secondary ).darken( 40 ).toString() + '; }';
78
+
79
+ // Buttons.
80
+ css += '.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { color: ' + secondaryText + '; background-color: ' + secondary + '; }';
81
+ css += '.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { background-color: ' + subtractColor( secondary, '#111111' ) + '; color: ' + secondaryText + '; }';
82
+ css += '.woocommerce a.button:disabled:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover { background-color: ' + secondary + '; }';
83
+
84
+ // Reviews.
85
+ css += '.woocommerce #reviews #comments ol.commentlist li img.avatar { background: ' + secondary + '; border: 1px solid ' + tinycolor( secondary ).darken( 4 ).toString() + '; }';
86
+ css += '.woocommerce #reviews #comments ol.commentlist li .comment-text { border: 1px solid ' + tinycolor( secondary ).darken( 4 ).toString() + '; }';
87
+ css += '.woocommerce #reviews #comments ol.commentlist #respond { border: 1px solid ' + tinycolor( secondary ).darken( 4 ).toString() + '; }';
88
+
89
+ // Ratings.
90
+ css += '.woocommerce .star-rating:before { color: ' + tinycolor( secondary ).darken( 10 ).toString() + '; }';
91
+
92
+ // Widget shopping cart.
93
+ css += '.woocommerce.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total { border-top: 3px double ' + secondary + '; }';
94
+
95
+ // Forms.
96
+ css += '.woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register { border: 1px solid ' + tinycolor( secondary ).darken( 10 ).toString() + '; }';
97
+
98
+ // Order page.
99
+ css += '.woocommerce .order_details li { border-right: 1px dashed ' + tinycolor( secondary ).darken( 10 ).toString() + '; }';
100
+
101
+ // Cart page.
102
+ css += '.woocommerce-cart table.cart td.actions .coupon .input-text { border: 1px solid ' + tinycolor( secondary ).darken( 10 ).toString() + '; }';
103
+ css += '.woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th { border-top: 1px solid ' + secondary + '; }';
104
+
105
+ // Checkout page.
106
+ css += '.woocommerce-checkout #payment { background: ' + secondary + '; }';
107
+ css += '.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid ' + tinycolor( secondary ).darken( 10 ).toString() + '; }';
108
+ css += '.woocommerce-checkout #payment div.payment_box { background-color: ' + tinycolor( secondary ).darken( 5 ).toString() + '; color: ' + secondaryText + '; }';
109
+ css += '.woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea { border-color: ' + tinycolor( secondary ).darken( 15 ).toString() + '; border-top-color: ' + tinycolor( secondary ).darken( 20 ).toString() + '; }';
110
+ css += '.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder { color: ' + tinycolor( secondary ).darken( 20 ).toString() + '; }';
111
+ css += '.woocommerce-checkout #payment div.payment_box :-moz-placeholder { color: ' + tinycolor( secondary ).darken( 20 ).toString() + '; }';
112
+ css += '.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder { color: ' + tinycolor( secondary ).darken( 20 ).toString() + '; }';
113
+ css += '.woocommerce-checkout #payment div.payment_box:after { border: 8px solid ' + tinycolor( secondary ).darken( 5 ).toString() + '; }';
114
+
115
+ $( '#woocommerce-colors-secondary' ).remove();
116
+ $( 'head' ).append( '<style id="woocommerce-colors-secondary">' + css + '</style>' );
117
+
118
+ });
119
+ });
120
+
121
+ // Highlight Color.
122
+ wp.customize( 'woocommerce_colors[highlight]', function( value ) {
123
+ value.bind( function( highlight ) {
124
+ var css = '',
125
+ highlightText = changeColor( highlight, 60, 18 );
126
+
127
+ // Product page.
128
+ css += '.woocommerce div.product span.price, .woocommerce div.product p.price { color: ' + highlight + '; }';
129
+ css += '.woocommerce div.product .stock { color: ' + highlight + '; }';
130
+
131
+ // On Sale.
132
+ css += '.woocommerce span.onsale { background-color: ' + highlight + '; color: ' + highlightText + '; }';
133
+
134
+ // Products loop.
135
+ css += '.woocommerce ul.products li.product .price { color: ' + highlight + '; }';
136
+ css += '.woocommerce ul.products li.product .price .from { color: ' + tinycolor( highlight ).desaturate( 75 ).setAlpha( 0.5 ).toString() + '; }';
137
+
138
+ // Cart page.
139
+ css += '.woocommerce-cart .cart-collaterals .cart_totals .discount td { color: ' + highlight + '; }';
140
+
141
+ $( '#woocommerce-colors-highlight' ).remove();
142
+ $( 'head' ).append( '<style id="woocommerce-colors-highlight">' + css + '</style>' );
143
+ });
144
+ });
145
+
146
+ // Content Background Color.
147
+ wp.customize( 'woocommerce_colors[contentbg]', function( value ) {
148
+ value.bind( function( contentbg ) {
149
+ var css = '';
150
+
151
+ // Product page.
152
+ css += '.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: ' + contentbg + '; border-bottom-color: ' + contentbg + '; }';
153
+ css += '.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: 2px 2px 0 ' + contentbg + '; }';
154
+ css += '.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after { box-shadow: -2px 2px 0 ' + contentbg + '; }';
155
+
156
+ $( '#woocommerce-colors-contentbg' ).remove();
157
+ $( 'head' ).append( '<style id="woocommerce-colors-contentbg">' + css + '</style>' );
158
+ });
159
+ });
160
+
161
+ // Subtext Color.
162
+ wp.customize( 'woocommerce_colors[subtext]', function( value ) {
163
+ value.bind( function( subtext ) {
164
+ var css = '';
165
+
166
+ // Notes.
167
+ css += '.woocommerce small.note { color: ' + subtext + '; }';
168
+
169
+ // Breadcrumbs.
170
+ css += '.woocommerce .woocommerce-breadcrumb { color: ' + subtext + '; }';
171
+ css += '.woocommerce .woocommerce-breadcrumb a { color: ' + subtext + '; }';
172
+
173
+ // Reviews.
174
+ css += '.woocommerce #reviews h2 small { color: ' + subtext + '; }';
175
+ css += '.woocommerce #reviews h2 small a { color: ' + subtext + '; }';
176
+ css += '.woocommerce #reviews #comments ol.commentlist li .meta { color: ' + subtext + '; }';
177
+
178
+ // Cart page.
179
+ css += '.woocommerce-cart .cart-collaterals .cart_totals p small { color: ' + subtext + '; }';
180
+ css += '.woocommerce-cart .cart-collaterals .cart_totals table small { color: ' + subtext + '; }';
181
+
182
+ // Checkout page.
183
+ css += '.woocommerce-checkout .checkout .create-account small { color: ' + subtext + '; }';
184
+ css += '.woocommerce-checkout #payment div.payment_box span.help { color: ' + subtext + '; }';
185
+
186
+ $( '#woocommerce-colors-subtext' ).remove();
187
+ $( 'head' ).append( '<style id="woocommerce-colors-subtext">' + css + '</style>' );
188
+ });
189
+ });
190
+
191
+ })( jQuery );
assets/js/customizer.min.js ADDED
@@ -0,0 +1 @@
 
1
+ !function(a){function b(a){var b=tinycolor(a).toRgb(),c=(299*b.r+587*b.g+114*b.b)/1e3;return 155>c}function c(a,c,d){return b(a)?tinycolor(a).lighten(c).desaturate(d).toString():tinycolor(a).darken(c).desaturate(d).toString()}function d(a){if(total=6-a.length,0==total)return a;for(var b=0;total>b;b++)a="0"+a;return a}function e(a,b){return"#"+d(Math.abs(parseInt(a.replace("#",""),16)-parseInt(b.replace("#",""),16)).toString(16))}wp.customize("woocommerce_colors[primary]",function(b){b.bind(function(b){var d="",f=c(b,50,18);d+=".woocommerce p.demo_store, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color: "+b+"; color: "+f+" }",d+=".woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: "+e(b,"#111111")+"; color: "+f+" }",d+=".woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: "+b+" }",d+=".woocommerce .price_slider_wrapper .ui-widget-content { background-color: "+e(b,"#444444")+" }",a("#woocommerce-colors-primary").remove(),a("head").append('<style id="woocommerce-colors-primary">'+d+"</style>")})}),wp.customize("woocommerce_colors[secondary]",function(b){b.bind(function(b){var d="",f=c(b,60,18);d+=".woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info { background-color: "+tinycolor(b).lighten(5).toString()+"; color: "+f+" }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid "+tinycolor(b).darken(10).toString()+"; background-color: "+b+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li a { color: "+f+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: "+tinycolor(f).lighten(10).toString()+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { border: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li:before { box-shadow: 2px 2px 0 "+b+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li:after { box-shadow: -2px 2px 0 "+b+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce nav.woocommerce-pagination ul { border: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce nav.woocommerce-pagination ul li { border-right: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus { background: "+b+"; color: "+tinycolor(b).darken(40).toString()+"; }",d+=".woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { color: "+f+"; background-color: "+b+"; }",d+=".woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { background-color: "+e(b,"#111111")+"; color: "+f+"; }",d+=".woocommerce a.button:disabled:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover { background-color: "+b+"; }",d+=".woocommerce #reviews #comments ol.commentlist li img.avatar { background: "+b+"; border: 1px solid "+tinycolor(b).darken(4).toString()+"; }",d+=".woocommerce #reviews #comments ol.commentlist li .comment-text { border: 1px solid "+tinycolor(b).darken(4).toString()+"; }",d+=".woocommerce #reviews #comments ol.commentlist #respond { border: 1px solid "+tinycolor(b).darken(4).toString()+"; }",d+=".woocommerce .star-rating:before { color: "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total { border-top: 3px double "+b+"; }",d+=".woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register { border: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce .order_details li { border-right: 1px dashed "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce-cart table.cart td.actions .coupon .input-text { border: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th { border-top: 1px solid "+b+"; }",d+=".woocommerce-checkout #payment { background: "+b+"; }",d+=".woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box { background-color: "+tinycolor(b).darken(5).toString()+"; color: "+f+"; }",d+=".woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea { border-color: "+tinycolor(b).darken(15).toString()+"; border-top-color: "+tinycolor(b).darken(20).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder { color: "+tinycolor(b).darken(20).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box :-moz-placeholder { color: "+tinycolor(b).darken(20).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box :-ms-input-placeholder { color: "+tinycolor(b).darken(20).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box:after { border: 8px solid "+tinycolor(b).darken(5).toString()+"; }",a("#woocommerce-colors-secondary").remove(),a("head").append('<style id="woocommerce-colors-secondary">'+d+"</style>")})}),wp.customize("woocommerce_colors[highlight]",function(b){b.bind(function(b){var d="",e=c(b,60,18);d+=".woocommerce div.product span.price, .woocommerce div.product p.price { color: "+b+"; }",d+=".woocommerce div.product .stock { color: "+b+"; }",d+=".woocommerce span.onsale { background-color: "+b+"; color: "+e+"; }",d+=".woocommerce ul.products li.product .price { color: "+b+"; }",d+=".woocommerce ul.products li.product .price .from { color: "+tinycolor(b).desaturate(75).setAlpha(.5).toString()+"; }",d+=".woocommerce-cart .cart-collaterals .cart_totals .discount td { color: "+b+"; }",a("#woocommerce-colors-highlight").remove(),a("head").append('<style id="woocommerce-colors-highlight">'+d+"</style>")})}),wp.customize("woocommerce_colors[contentbg]",function(b){b.bind(function(b){var c="";c+=".woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: "+b+"; border-bottom-color: "+b+"; }",c+=".woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: 2px 2px 0 "+b+"; }",c+=".woocommerce div.product .woocommerce-tabs ul.tabs li.active:after { box-shadow: -2px 2px 0 "+b+"; }",a("#woocommerce-colors-contentbg").remove(),a("head").append('<style id="woocommerce-colors-contentbg">'+c+"</style>")})}),wp.customize("woocommerce_colors[subtext]",function(b){b.bind(function(b){var c="";c+=".woocommerce small.note { color: "+b+"; }",c+=".woocommerce .woocommerce-breadcrumb { color: "+b+"; }",c+=".woocommerce .woocommerce-breadcrumb a { color: "+b+"; }",c+=".woocommerce #reviews h2 small { color: "+b+"; }",c+=".woocommerce #reviews h2 small a { color: "+b+"; }",c+=".woocommerce #reviews #comments ol.commentlist li .meta { color: "+b+"; }",c+=".woocommerce-cart .cart-collaterals .cart_totals p small { color: "+b+"; }",c+=".woocommerce-cart .cart-collaterals .cart_totals table small { color: "+b+"; }",c+=".woocommerce-checkout .checkout .create-account small { color: "+b+"; }",c+=".woocommerce-checkout #payment div.payment_box span.help { color: "+b+"; }",a("#woocommerce-colors-subtext").remove(),a("head").append('<style id="woocommerce-colors-subtext">'+c+"</style>")})})}(jQuery);
assets/js/tinycolor.js ADDED
@@ -0,0 +1,1116 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ // TinyColor v1.1.1
2
+ // https://github.com/bgrins/TinyColor
3
+ // Brian Grinstead, MIT License
4
+
5
+ (function() {
6
+
7
+ var trimLeft = /^[\s,#]+/,
8
+ trimRight = /\s+$/,
9
+ tinyCounter = 0,
10
+ math = Math,
11
+ mathRound = math.round,
12
+ mathMin = math.min,
13
+ mathMax = math.max,
14
+ mathRandom = math.random;
15
+
16
+ var tinycolor = function tinycolor (color, opts) {
17
+
18
+ color = (color) ? color : '';
19
+ opts = opts || { };
20
+
21
+ // If input is already a tinycolor, return itself
22
+ if (color instanceof tinycolor) {
23
+ return color;
24
+ }
25
+ // If we are called as a function, call using new instead
26
+ if (!(this instanceof tinycolor)) {
27
+ return new tinycolor(color, opts);
28
+ }
29
+
30
+ var rgb = inputToRGB(color);
31
+ this._originalInput = color,
32
+ this._r = rgb.r,
33
+ this._g = rgb.g,
34
+ this._b = rgb.b,
35
+ this._a = rgb.a,
36
+ this._roundA = mathRound(100*this._a) / 100,
37
+ this._format = opts.format || rgb.format;
38
+ this._gradientType = opts.gradientType;
39
+
40
+ // Don't let the range of [0,255] come back in [0,1].
41
+ // Potentially lose a little bit of precision here, but will fix issues where
42
+ // .5 gets interpreted as half of the total, instead of half of 1
43
+ // If it was supposed to be 128, this was already taken care of by `inputToRgb`
44
+ if (this._r < 1) { this._r = mathRound(this._r); }
45
+ if (this._g < 1) { this._g = mathRound(this._g); }
46
+ if (this._b < 1) { this._b = mathRound(this._b); }
47
+
48
+ this._ok = rgb.ok;
49
+ this._tc_id = tinyCounter++;
50
+ };
51
+
52
+ tinycolor.prototype = {
53
+ isDark: function() {
54
+ return this.getBrightness() < 128;
55
+ },
56
+ isLight: function() {
57
+ return !this.isDark();
58
+ },
59
+ isValid: function() {
60
+ return this._ok;
61
+ },
62
+ getOriginalInput: function() {
63
+ return this._originalInput;
64
+ },
65
+ getFormat: function() {
66
+ return this._format;
67
+ },
68
+ getAlpha: function() {
69
+ return this._a;
70
+ },
71
+ getBrightness: function() {
72
+ var rgb = this.toRgb();
73
+ return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
74
+ },
75
+ setAlpha: function(value) {
76
+ this._a = boundAlpha(value);
77
+ this._roundA = mathRound(100*this._a) / 100;
78
+ return this;
79
+ },
80
+ toHsv: function() {
81
+ var hsv = rgbToHsv(this._r, this._g, this._b);
82
+ return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a };
83
+ },
84
+ toHsvString: function() {
85
+ var hsv = rgbToHsv(this._r, this._g, this._b);
86
+ var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100);
87
+ return (this._a == 1) ?
88
+ "hsv(" + h + ", " + s + "%, " + v + "%)" :
89
+ "hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")";
90
+ },
91
+ toHsl: function() {
92
+ var hsl = rgbToHsl(this._r, this._g, this._b);
93
+ return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a };
94
+ },
95
+ toHslString: function() {
96
+ var hsl = rgbToHsl(this._r, this._g, this._b);
97
+ var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100);
98
+ return (this._a == 1) ?
99
+ "hsl(" + h + ", " + s + "%, " + l + "%)" :
100
+ "hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")";
101
+ },
102
+ toHex: function(allow3Char) {
103
+ return rgbToHex(this._r, this._g, this._b, allow3Char);
104
+ },
105
+ toHexString: function(allow3Char) {
106
+ return '#' + this.toHex(allow3Char);
107
+ },
108
+ toHex8: function() {
109
+ return rgbaToHex(this._r, this._g, this._b, this._a);
110
+ },
111
+ toHex8String: function() {
112
+ return '#' + this.toHex8();
113
+ },
114
+ toRgb: function() {
115
+ return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a };
116
+ },
117
+ toRgbString: function() {
118
+ return (this._a == 1) ?
119
+ "rgb(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" :
120
+ "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")";
121
+ },
122
+ toPercentageRgb: function() {
123
+ return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a };
124
+ },
125
+ toPercentageRgbString: function() {
126
+ return (this._a == 1) ?
127
+ "rgb(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" :
128
+ "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
129
+ },
130
+ toName: function() {
131
+ if (this._a === 0) {
132
+ return "transparent";
133
+ }
134
+
135
+ if (this._a < 1) {
136
+ return false;
137
+ }
138
+
139
+ return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
140
+ },
141
+ toFilter: function(secondColor) {
142
+ var hex8String = '#' + rgbaToHex(this._r, this._g, this._b, this._a);
143
+ var secondHex8String = hex8String;
144
+ var gradientType = this._gradientType ? "GradientType = 1, " : "";
145
+
146
+ if (secondColor) {
147
+ var s = tinycolor(secondColor);
148
+ secondHex8String = s.toHex8String();
149
+ }
150
+
151
+ return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")";
152
+ },
153
+ toString: function(format) {
154
+ var formatSet = !!format;
155
+ format = format || this._format;
156
+
157
+ var formattedString = false;
158
+ var hasAlpha = this._a < 1 && this._a >= 0;
159
+ var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "name");
160
+
161
+ if (needsAlphaFormat) {
162
+ // Special case for "transparent", all other non-alpha formats
163
+ // will return rgba when there is transparency.
164
+ if (format === "name" && this._a === 0) {
165
+ return this.toName();
166
+ }
167
+ return this.toRgbString();
168
+ }
169
+ if (format === "rgb") {
170
+ formattedString = this.toRgbString();
171
+ }
172
+ if (format === "prgb") {
173
+ formattedString = this.toPercentageRgbString();
174
+ }
175
+ if (format === "hex" || format === "hex6") {
176
+ formattedString = this.toHexString();
177
+ }
178
+ if (format === "hex3") {
179
+ formattedString = this.toHexString(true);
180
+ }
181
+ if (format === "hex8") {
182
+ formattedString = this.toHex8String();
183
+ }
184
+ if (format === "name") {
185
+ formattedString = this.toName();
186
+ }
187
+ if (format === "hsl") {
188
+ formattedString = this.toHslString();
189
+ }
190
+ if (format === "hsv") {
191
+ formattedString = this.toHsvString();
192
+ }
193
+
194
+ return formattedString || this.toHexString();
195
+ },
196
+
197
+ _applyModification: function(fn, args) {
198
+ var color = fn.apply(null, [this].concat([].slice.call(args)));
199
+ this._r = color._r;
200
+ this._g = color._g;
201
+ this._b = color._b;
202
+ this.setAlpha(color._a);
203
+ return this;
204
+ },
205
+ lighten: function() {
206
+ return this._applyModification(lighten, arguments);
207
+ },
208
+ brighten: function() {
209
+ return this._applyModification(brighten, arguments);
210
+ },
211
+ darken: function() {
212
+ return this._applyModification(darken, arguments);
213
+ },
214
+ desaturate: function() {
215
+ return this._applyModification(desaturate, arguments);
216
+ },
217
+ saturate: function() {
218
+ return this._applyModification(saturate, arguments);
219
+ },
220
+ greyscale: function() {
221
+ return this._applyModification(greyscale, arguments);
222
+ },
223
+ spin: function() {
224
+ return this._applyModification(spin, arguments);
225
+ },
226
+
227
+ _applyCombination: function(fn, args) {
228
+ return fn.apply(null, [this].concat([].slice.call(args)));
229
+ },
230
+ analogous: function() {
231
+ return this._applyCombination(analogous, arguments);
232
+ },
233
+ complement: function() {
234
+ return this._applyCombination(complement, arguments);
235
+ },
236
+ monochromatic: function() {
237
+ return this._applyCombination(monochromatic, arguments);
238
+ },
239
+ splitcomplement: function() {
240
+ return this._applyCombination(splitcomplement, arguments);
241
+ },
242
+ triad: function() {
243
+ return this._applyCombination(triad, arguments);
244
+ },
245
+ tetrad: function() {
246
+ return this._applyCombination(tetrad, arguments);
247
+ }
248
+ };
249
+
250
+ // If input is an object, force 1 into "1.0" to handle ratios properly
251
+ // String input requires "1.0" as input, so 1 will be treated as 1
252
+ tinycolor.fromRatio = function(color, opts) {
253
+ if (typeof color == "object") {
254
+ var newColor = {};
255
+ for (var i in color) {
256
+ if (color.hasOwnProperty(i)) {
257
+ if (i === "a") {
258
+ newColor[i] = color[i];
259
+ }
260
+ else {
261
+ newColor[i] = convertToPercentage(color[i]);
262
+ }
263
+ }
264
+ }
265
+ color = newColor;
266
+ }
267
+
268
+ return tinycolor(color, opts);
269
+ };
270
+
271
+ // Given a string or object, convert that input to RGB
272
+ // Possible string inputs:
273
+ //
274
+ // "red"
275
+ // "#f00" or "f00"
276
+ // "#ff0000" or "ff0000"
277
+ // "#ff000000" or "ff000000"
278
+ // "rgb 255 0 0" or "rgb (255, 0, 0)"
279
+ // "rgb 1.0 0 0" or "rgb (1, 0, 0)"
280
+ // "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
281
+ // "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
282
+ // "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
283
+ // "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
284
+ // "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
285
+ //
286
+ function inputToRGB(color) {
287
+
288
+ var rgb = { r: 0, g: 0, b: 0 };
289
+ var a = 1;
290
+ var ok = false;
291
+ var format = false;
292
+
293
+ if (typeof color == "string") {
294
+ color = stringInputToObject(color);
295
+ }
296
+
297
+ if (typeof color == "object") {
298
+ if (color.hasOwnProperty("r") && color.hasOwnProperty("g") && color.hasOwnProperty("b")) {
299
+ rgb = rgbToRgb(color.r, color.g, color.b);
300
+ ok = true;
301
+ format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
302
+ }
303
+ else if (color.hasOwnProperty("h") && color.hasOwnProperty("s") && color.hasOwnProperty("v")) {
304
+ color.s = convertToPercentage(color.s);
305
+ color.v = convertToPercentage(color.v);
306
+ rgb = hsvToRgb(color.h, color.s, color.v);
307
+ ok = true;
308
+ format = "hsv";
309
+ }
310
+ else if (color.hasOwnProperty("h") && color.hasOwnProperty("s") && color.hasOwnProperty("l")) {
311
+ color.s = convertToPercentage(color.s);
312
+ color.l = convertToPercentage(color.l);
313
+ rgb = hslToRgb(color.h, color.s, color.l);
314
+ ok = true;
315
+ format = "hsl";
316
+ }
317
+
318
+ if (color.hasOwnProperty("a")) {
319
+ a = color.a;
320
+ }
321
+ }
322
+
323
+ a = boundAlpha(a);
324
+
325
+ return {
326
+ ok: ok,
327
+ format: color.format || format,
328
+ r: mathMin(255, mathMax(rgb.r, 0)),
329
+ g: mathMin(255, mathMax(rgb.g, 0)),
330
+ b: mathMin(255, mathMax(rgb.b, 0)),
331
+ a: a
332
+ };
333
+ }
334
+
335
+
336
+ // Conversion Functions
337
+ // --------------------
338
+
339
+ // `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:
340
+ // <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
341
+
342
+ // `rgbToRgb`
343
+ // Handle bounds / percentage checking to conform to CSS color spec
344
+ // <http://www.w3.org/TR/css3-color/>
345
+ // *Assumes:* r, g, b in [0, 255] or [0, 1]
346
+ // *Returns:* { r, g, b } in [0, 255]
347
+ function rgbToRgb(r, g, b){
348
+ return {
349
+ r: bound01(r, 255) * 255,
350
+ g: bound01(g, 255) * 255,
351
+ b: bound01(b, 255) * 255
352
+ };
353
+ }
354
+
355
+ // `rgbToHsl`
356
+ // Converts an RGB color value to HSL.
357
+ // *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
358
+ // *Returns:* { h, s, l } in [0,1]
359
+ function rgbToHsl(r, g, b) {
360
+
361
+ r = bound01(r, 255);
362
+ g = bound01(g, 255);
363
+ b = bound01(b, 255);
364
+
365
+ var max = mathMax(r, g, b), min = mathMin(r, g, b);
366
+ var h, s, l = (max + min) / 2;
367
+
368
+ if(max == min) {
369
+ h = s = 0; // achromatic
370
+ }
371
+ else {
372
+ var d = max - min;
373
+ s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
374
+ switch(max) {
375
+ case r: h = (g - b) / d + (g < b ? 6 : 0); break;
376
+ case g: h = (b - r) / d + 2; break;
377
+ case b: h = (r - g) / d + 4; break;
378
+ }
379
+
380
+ h /= 6;
381
+ }
382
+
383
+ return { h: h, s: s, l: l };
384
+ }
385
+
386
+ // `hslToRgb`
387
+ // Converts an HSL color value to RGB.
388
+ // *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
389
+ // *Returns:* { r, g, b } in the set [0, 255]
390
+ function hslToRgb(h, s, l) {
391
+ var r, g, b;
392
+
393
+ h = bound01(h, 360);
394
+ s = bound01(s, 100);
395
+ l = bound01(l, 100);
396
+
397
+ function hue2rgb(p, q, t) {
398
+ if(t < 0) t += 1;
399
+ if(t > 1) t -= 1;
400
+ if(t < 1/6) return p + (q - p) * 6 * t;
401
+ if(t < 1/2) return q;
402
+ if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
403
+ return p;
404
+ }
405
+
406
+ if(s === 0) {
407
+ r = g = b = l; // achromatic
408
+ }
409
+ else {
410
+ var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
411
+ var p = 2 * l - q;
412
+ r = hue2rgb(p, q, h + 1/3);
413
+ g = hue2rgb(p, q, h);
414
+ b = hue2rgb(p, q, h - 1/3);
415
+ }
416
+
417
+ return { r: r * 255, g: g * 255, b: b * 255 };
418
+ }
419
+
420
+ // `rgbToHsv`
421
+ // Converts an RGB color value to HSV
422
+ // *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
423
+ // *Returns:* { h, s, v } in [0,1]
424
+ function rgbToHsv(r, g, b) {
425
+
426
+ r = bound01(r, 255);
427
+ g = bound01(g, 255);
428
+ b = bound01(b, 255);
429
+
430
+ var max = mathMax(r, g, b), min = mathMin(r, g, b);
431
+ var h, s, v = max;
432
+
433
+ var d = max - min;
434
+ s = max === 0 ? 0 : d / max;
435
+
436
+ if(max == min) {
437
+ h = 0; // achromatic
438
+ }
439
+ else {
440
+ switch(max) {
441
+ case r: h = (g - b) / d + (g < b ? 6 : 0); break;
442
+ case g: h = (b - r) / d + 2; break;
443
+ case b: h = (r - g) / d + 4; break;
444
+ }
445
+ h /= 6;
446
+ }
447
+ return { h: h, s: s, v: v };
448
+ }
449
+
450
+ // `hsvToRgb`
451
+ // Converts an HSV color value to RGB.
452
+ // *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
453
+ // *Returns:* { r, g, b } in the set [0, 255]
454
+ function hsvToRgb(h, s, v) {
455
+
456
+ h = bound01(h, 360) * 6;
457
+ s = bound01(s, 100);
458
+ v = bound01(v, 100);
459
+
460
+ var i = math.floor(h),
461
+ f = h - i,
462
+ p = v * (1 - s),
463
+ q = v * (1 - f * s),
464
+ t = v * (1 - (1 - f) * s),
465
+ mod = i % 6,
466
+ r = [v, q, p, p, t, v][mod],
467
+ g = [t, v, v, q, p, p][mod],
468
+ b = [p, p, t, v, v, q][mod];
469
+
470
+ return { r: r * 255, g: g * 255, b: b * 255 };
471
+ }
472
+
473
+ // `rgbToHex`
474
+ // Converts an RGB color to hex
475
+ // Assumes r, g, and b are contained in the set [0, 255]
476
+ // Returns a 3 or 6 character hex
477
+ function rgbToHex(r, g, b, allow3Char) {
478
+
479
+ var hex = [
480
+ pad2(mathRound(r).toString(16)),
481
+ pad2(mathRound(g).toString(16)),
482
+ pad2(mathRound(b).toString(16))
483
+ ];
484
+
485
+ // Return a 3 character hex if possible
486
+ if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) {
487
+ return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
488
+ }
489
+
490
+ return hex.join("");
491
+ }
492
+ // `rgbaToHex`
493
+ // Converts an RGBA color plus alpha transparency to hex
494
+ // Assumes r, g, b and a are contained in the set [0, 255]
495
+ // Returns an 8 character hex
496
+ function rgbaToHex(r, g, b, a) {
497
+
498
+ var hex = [
499
+ pad2(convertDecimalToHex(a)),
500
+ pad2(mathRound(r).toString(16)),
501
+ pad2(mathRound(g).toString(16)),
502
+ pad2(mathRound(b).toString(16))
503
+ ];
504
+
505
+ return hex.join("");
506
+ }
507
+
508
+ // `equals`
509
+ // Can be called with any tinycolor input
510
+ tinycolor.equals = function (color1, color2) {
511
+ if (!color1 || !color2) { return false; }
512
+ return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();
513
+ };
514
+ tinycolor.random = function() {
515
+ return tinycolor.fromRatio({
516
+ r: mathRandom(),
517
+ g: mathRandom(),
518
+ b: mathRandom()
519
+ });
520
+ };
521
+
522
+
523
+ // Modification Functions
524
+ // ----------------------
525
+ // Thanks to less.js for some of the basics here
526
+ // <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js>
527
+
528
+ function desaturate(color, amount) {
529
+ amount = (amount === 0) ? 0 : (amount || 10);
530
+ var hsl = tinycolor(color).toHsl();
531
+ hsl.s -= amount / 100;
532
+ hsl.s = clamp01(hsl.s);
533
+ return tinycolor(hsl);
534
+ }
535
+
536
+ function saturate(color, amount) {
537
+ amount = (amount === 0) ? 0 : (amount || 10);
538
+ var hsl = tinycolor(color).toHsl();
539
+ hsl.s += amount / 100;
540
+ hsl.s = clamp01(hsl.s);
541
+ return tinycolor(hsl);
542
+ }
543
+
544
+ function greyscale(color) {
545
+ return tinycolor(color).desaturate(100);
546
+ }
547
+
548
+ function lighten (color, amount) {
549
+ amount = (amount === 0) ? 0 : (amount || 10);
550
+ var hsl = tinycolor(color).toHsl();
551
+ hsl.l += amount / 100;
552
+ hsl.l = clamp01(hsl.l);
553
+ return tinycolor(hsl);
554
+ }
555
+
556
+ function brighten(color, amount) {
557
+ amount = (amount === 0) ? 0 : (amount || 10);
558
+ var rgb = tinycolor(color).toRgb();
559
+ rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100))));
560
+ rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100))));
561
+ rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100))));
562
+ return tinycolor(rgb);
563
+ }
564
+
565
+ function darken (color, amount) {
566
+ amount = (amount === 0) ? 0 : (amount || 10);
567
+ var hsl = tinycolor(color).toHsl();
568
+ hsl.l -= amount / 100;
569
+ hsl.l = clamp01(hsl.l);
570
+ return tinycolor(hsl);
571
+ }
572
+
573
+ // Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
574
+ // Values outside of this range will be wrapped into this range.
575
+ function spin(color, amount) {
576
+ var hsl = tinycolor(color).toHsl();
577
+ var hue = (mathRound(hsl.h) + amount) % 360;
578
+ hsl.h = hue < 0 ? 360 + hue : hue;
579
+ return tinycolor(hsl);
580
+ }
581
+
582
+ // Combination Functions
583
+ // ---------------------
584
+ // Thanks to jQuery xColor for some of the ideas behind these
585
+ // <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js>
586
+
587
+ function complement(color) {
588
+ var hsl = tinycolor(color).toHsl();
589
+ hsl.h = (hsl.h + 180) % 360;
590
+ return tinycolor(hsl);
591
+ }
592
+
593
+ function triad(color) {
594
+ var hsl = tinycolor(color).toHsl();
595
+ var h = hsl.h;
596
+ return [
597
+ tinycolor(color),
598
+ tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }),
599
+ tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l })
600
+ ];
601
+ }
602
+
603
+ function tetrad(color) {
604
+ var hsl = tinycolor(color).toHsl();
605
+ var h = hsl.h;
606
+ return [
607
+ tinycolor(color),
608
+ tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }),
609
+ tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }),
610
+ tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l })
611
+ ];
612
+ }
613
+
614
+ function splitcomplement(color) {
615
+ var hsl = tinycolor(color).toHsl();
616
+ var h = hsl.h;
617
+ return [
618
+ tinycolor(color),
619
+ tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}),
620
+ tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l})
621
+ ];
622
+ }
623
+
624
+ function analogous(color, results, slices) {
625
+ results = results || 6;
626
+ slices = slices || 30;
627
+
628
+ var hsl = tinycolor(color).toHsl();
629
+ var part = 360 / slices;
630
+ var ret = [tinycolor(color)];
631
+
632
+ for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) {
633
+ hsl.h = (hsl.h + part) % 360;
634
+ ret.push(tinycolor(hsl));
635
+ }
636
+ return ret;
637
+ }
638
+
639
+ function monochromatic(color, results) {
640
+ results = results || 6;
641
+ var hsv = tinycolor(color).toHsv();
642
+ var h = hsv.h, s = hsv.s, v = hsv.v;
643
+ var ret = [];
644
+ var modification = 1 / results;
645
+
646
+ while (results--) {
647
+ ret.push(tinycolor({ h: h, s: s, v: v}));
648
+ v = (v + modification) % 1;
649
+ }
650
+
651
+ return ret;
652
+ }
653
+
654
+ // Utility Functions
655
+ // ---------------------
656
+
657
+ tinycolor.mix = function(color1, color2, amount) {
658
+ amount = (amount === 0) ? 0 : (amount || 50);
659
+
660
+ var rgb1 = tinycolor(color1).toRgb();
661
+ var rgb2 = tinycolor(color2).toRgb();
662
+
663
+ var p = amount / 100;
664
+ var w = p * 2 - 1;
665
+ var a = rgb2.a - rgb1.a;
666
+
667
+ var w1;
668
+
669
+ if (w * a == -1) {
670
+ w1 = w;
671
+ } else {
672
+ w1 = (w + a) / (1 + w * a);
673
+ }
674
+
675
+ w1 = (w1 + 1) / 2;
676
+
677
+ var w2 = 1 - w1;
678
+
679
+ var rgba = {
680
+ r: rgb2.r * w1 + rgb1.r * w2,
681
+ g: rgb2.g * w1 + rgb1.g * w2,
682
+ b: rgb2.b * w1 + rgb1.b * w2,
683
+ a: rgb2.a * p + rgb1.a * (1 - p)
684
+ };
685
+
686
+ return tinycolor(rgba);
687
+ };
688
+
689
+
690
+ // Readability Functions
691
+ // ---------------------
692
+ // <http://www.w3.org/TR/AERT#color-contrast>
693
+
694
+ // `readability`
695
+ // Analyze the 2 colors and returns an object with the following properties:
696
+ // `brightness`: difference in brightness between the two colors
697
+ // `color`: difference in color/hue between the two colors
698
+ tinycolor.readability = function(color1, color2) {
699
+ var c1 = tinycolor(color1);
700
+ var c2 = tinycolor(color2);
701
+ var rgb1 = c1.toRgb();
702
+ var rgb2 = c2.toRgb();
703
+ var brightnessA = c1.getBrightness();
704
+ var brightnessB = c2.getBrightness();
705
+ var colorDiff = (
706
+ Math.max(rgb1.r, rgb2.r) - Math.min(rgb1.r, rgb2.r) +
707
+ Math.max(rgb1.g, rgb2.g) - Math.min(rgb1.g, rgb2.g) +
708
+ Math.max(rgb1.b, rgb2.b) - Math.min(rgb1.b, rgb2.b)
709
+ );
710
+
711
+ return {
712
+ brightness: Math.abs(brightnessA - brightnessB),
713
+ color: colorDiff
714
+ };
715
+ };
716
+
717
+ // `readable`
718
+ // http://www.w3.org/TR/AERT#color-contrast
719
+ // Ensure that foreground and background color combinations provide sufficient contrast.
720
+ // *Example*
721
+ // tinycolor.isReadable("#000", "#111") => false
722
+ tinycolor.isReadable = function(color1, color2) {
723
+ var readability = tinycolor.readability(color1, color2);
724
+ return readability.brightness > 125 && readability.color > 500;
725
+ };
726
+
727
+ // `mostReadable`
728
+ // Given a base color and a list of possible foreground or background
729
+ // colors for that base, returns the most readable color.
730
+ // *Example*
731
+ // tinycolor.mostReadable("#123", ["#fff", "#000"]) => "#000"
732
+ tinycolor.mostReadable = function(baseColor, colorList) {
733
+ var bestColor = null;
734
+ var bestScore = 0;
735
+ var bestIsReadable = false;
736
+ for (var i=0; i < colorList.length; i++) {
737
+
738
+ // We normalize both around the "acceptable" breaking point,
739
+ // but rank brightness constrast higher than hue.
740
+
741
+ var readability = tinycolor.readability(baseColor, colorList[i]);
742
+ var readable = readability.brightness > 125 && readability.color > 500;
743
+ var score = 3 * (readability.brightness / 125) + (readability.color / 500);
744
+
745
+ if ((readable && ! bestIsReadable) ||
746
+ (readable && bestIsReadable && score > bestScore) ||
747
+ ((! readable) && (! bestIsReadable) && score > bestScore)) {
748
+ bestIsReadable = readable;
749
+ bestScore = score;
750
+ bestColor = tinycolor(colorList[i]);
751
+ }
752
+ }
753
+ return bestColor;
754
+ };
755
+
756
+
757
+ // Big List of Colors
758
+ // ------------------
759
+ // <http://www.w3.org/TR/css3-color/#svg-color>
760
+ var names = tinycolor.names = {
761
+ aliceblue: "f0f8ff",
762
+ antiquewhite: "faebd7",
763
+ aqua: "0ff",
764
+ aquamarine: "7fffd4",
765
+ azure: "f0ffff",
766
+ beige: "f5f5dc",
767
+ bisque: "ffe4c4",
768
+ black: "000",
769
+ blanchedalmond: "ffebcd",
770
+ blue: "00f",
771
+ blueviolet: "8a2be2",
772
+ brown: "a52a2a",
773
+ burlywood: "deb887",
774
+ burntsienna: "ea7e5d",
775
+ cadetblue: "5f9ea0",
776
+ chartreuse: "7fff00",
777
+ chocolate: "d2691e",
778
+ coral: "ff7f50",
779
+ cornflowerblue: "6495ed",
780
+ cornsilk: "fff8dc",
781
+ crimson: "dc143c",
782
+ cyan: "0ff",
783
+ darkblue: "00008b",
784
+ darkcyan: "008b8b",
785
+ darkgoldenrod: "b8860b",
786
+ darkgray: "a9a9a9",
787
+ darkgreen: "006400",
788
+ darkgrey: "a9a9a9",
789
+ darkkhaki: "bdb76b",
790
+ darkmagenta: "8b008b",
791
+ darkolivegreen: "556b2f",
792
+ darkorange: "ff8c00",
793
+ darkorchid: "9932cc",
794
+ darkred: "8b0000",
795
+ darksalmon: "e9967a",
796
+ darkseagreen: "8fbc8f",
797
+ darkslateblue: "483d8b",
798
+ darkslategray: "2f4f4f",
799
+ darkslategrey: "2f4f4f",
800
+ darkturquoise: "00ced1",
801
+ darkviolet: "9400d3",
802
+ deeppink: "ff1493",
803
+ deepskyblue: "00bfff",
804
+ dimgray: "696969",
805
+ dimgrey: "696969",
806
+ dodgerblue: "1e90ff",
807
+ firebrick: "b22222",
808
+ floralwhite: "fffaf0",
809
+ forestgreen: "228b22",
810
+ fuchsia: "f0f",
811
+ gainsboro: "dcdcdc",
812
+ ghostwhite: "f8f8ff",
813
+ gold: "ffd700",
814
+ goldenrod: "daa520",
815
+ gray: "808080",
816
+ green: "008000",
817
+ greenyellow: "adff2f",
818
+ grey: "808080",
819
+ honeydew: "f0fff0",
820
+ hotpink: "ff69b4",
821
+ indianred: "cd5c5c",
822
+ indigo: "4b0082",
823
+ ivory: "fffff0",
824
+ khaki: "f0e68c",
825
+ lavender: "e6e6fa",
826
+ lavenderblush: "fff0f5",
827
+ lawngreen: "7cfc00",
828
+ lemonchiffon: "fffacd",
829
+ lightblue: "add8e6",
830
+ lightcoral: "f08080",
831
+ lightcyan: "e0ffff",
832
+ lightgoldenrodyellow: "fafad2",
833
+ lightgray: "d3d3d3",
834
+ lightgreen: "90ee90",
835
+ lightgrey: "d3d3d3",
836
+ lightpink: "ffb6c1",
837
+ lightsalmon: "ffa07a",
838
+ lightseagreen: "20b2aa",
839
+ lightskyblue: "87cefa",
840
+ lightslategray: "789",
841
+ lightslategrey: "789",
842
+ lightsteelblue: "b0c4de",
843
+ lightyellow: "ffffe0",
844
+ lime: "0f0",
845
+ limegreen: "32cd32",
846
+ linen: "faf0e6",
847
+ magenta: "f0f",
848
+ maroon: "800000",
849
+ mediumaquamarine: "66cdaa",
850
+ mediumblue: "0000cd",
851
+ mediumorchid: "ba55d3",
852
+ mediumpurple: "9370db",
853
+ mediumseagreen: "3cb371",
854
+ mediumslateblue: "7b68ee",
855
+ mediumspringgreen: "00fa9a",
856
+ mediumturquoise: "48d1cc",
857
+ mediumvioletred: "c71585",
858
+ midnightblue: "191970",
859
+ mintcream: "f5fffa",
860
+ mistyrose: "ffe4e1",
861
+ moccasin: "ffe4b5",
862
+ navajowhite: "ffdead",
863
+ navy: "000080",
864
+ oldlace: "fdf5e6",
865
+ olive: "808000",
866
+ olivedrab: "6b8e23",
867
+ orange: "ffa500",
868
+ orangered: "ff4500",
869
+ orchid: "da70d6",
870
+ palegoldenrod: "eee8aa",
871
+ palegreen: "98fb98",
872
+ paleturquoise: "afeeee",
873
+ palevioletred: "db7093",
874
+ papayawhip: "ffefd5",
875
+ peachpuff: "ffdab9",
876
+ peru: "cd853f",
877
+ pink: "ffc0cb",
878
+ plum: "dda0dd",
879
+ powderblue: "b0e0e6",
880
+ purple: "800080",
881
+ rebeccapurple: "663399",
882
+ red: "f00",
883
+ rosybrown: "bc8f8f",
884
+ royalblue: "4169e1",
885
+ saddlebrown: "8b4513",
886
+ salmon: "fa8072",
887
+ sandybrown: "f4a460",
888
+ seagreen: "2e8b57",
889
+ seashell: "fff5ee",
890
+ sienna: "a0522d",
891
+ silver: "c0c0c0",
892
+ skyblue: "87ceeb",
893
+ slateblue: "6a5acd",
894
+ slategray: "708090",
895
+ slategrey: "708090",
896
+ snow: "fffafa",
897
+ springgreen: "00ff7f",
898
+ steelblue: "4682b4",
899
+ tan: "d2b48c",
900
+ teal: "008080",
901
+ thistle: "d8bfd8",
902
+ tomato: "ff6347",
903
+ turquoise: "40e0d0",
904
+ violet: "ee82ee",
905
+ wheat: "f5deb3",
906
+ white: "fff",
907
+ whitesmoke: "f5f5f5",
908
+ yellow: "ff0",
909
+ yellowgreen: "9acd32"
910
+ };
911
+
912
+ // Make it easy to access colors via `hexNames[hex]`
913
+ var hexNames = tinycolor.hexNames = flip(names);
914
+
915
+
916
+ // Utilities
917
+ // ---------
918
+
919
+ // `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }`
920
+ function flip(o) {
921
+ var flipped = { };
922
+ for (var i in o) {
923
+ if (o.hasOwnProperty(i)) {
924
+ flipped[o[i]] = i;
925
+ }
926
+ }
927
+ return flipped;
928
+ }
929
+
930
+ // Return a valid alpha value [0,1] with all invalid values being set to 1
931
+ function boundAlpha(a) {
932
+ a = parseFloat(a);
933
+
934
+ if (isNaN(a) || a < 0 || a > 1) {
935
+ a = 1;
936
+ }
937
+
938
+ return a;
939
+ }
940
+
941
+ // Take input from [0, n] and return it as [0, 1]
942
+ function bound01(n, max) {
943
+ if (isOnePointZero(n)) { n = "100%"; }
944
+
945
+ var processPercent = isPercentage(n);
946
+ n = mathMin(max, mathMax(0, parseFloat(n)));
947
+
948
+ // Automatically convert percentage into number
949
+ if (processPercent) {
950
+ n = parseInt(n * max, 10) / 100;
951
+ }
952
+
953
+ // Handle floating point rounding errors
954
+ if ((math.abs(n - max) < 0.000001)) {
955
+ return 1;
956
+ }
957
+
958
+ // Convert into [0, 1] range if it isn't already
959
+ return (n % max) / parseFloat(max);
960
+ }
961
+
962
+ // Force a number between 0 and 1
963
+ function clamp01(val) {
964
+ return mathMin(1, mathMax(0, val));
965
+ }
966
+
967
+ // Parse a base-16 hex value into a base-10 integer
968
+ function parseIntFromHex(val) {
969
+ return parseInt(val, 16);
970
+ }
971
+
972
+ // Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
973
+ // <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
974
+ function isOnePointZero(n) {
975
+ return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1;
976
+ }
977
+
978
+ // Check to see if string passed in is a percentage
979
+ function isPercentage(n) {
980
+ return typeof n === "string" && n.indexOf('%') != -1;
981
+ }
982
+
983
+ // Force a hex value to have 2 characters
984
+ function pad2(c) {
985
+ return c.length == 1 ? '0' + c : '' + c;
986
+ }
987
+
988
+ // Replace a decimal with it's percentage value
989
+ function convertToPercentage(n) {
990
+ if (n <= 1) {
991
+ n = (n * 100) + "%";
992
+ }
993
+
994
+ return n;
995
+ }
996
+
997
+ // Converts a decimal to a hex value
998
+ function convertDecimalToHex(d) {
999
+ return Math.round(parseFloat(d) * 255).toString(16);
1000
+ }
1001
+ // Converts a hex value to a decimal
1002
+ function convertHexToDecimal(h) {
1003
+ return (parseIntFromHex(h) / 255);
1004
+ }
1005
+
1006
+ var matchers = (function() {
1007
+
1008
+ // <http://www.w3.org/TR/css3-values/#integers>
1009
+ var CSS_INTEGER = "[-\\+]?\\d+%?";
1010
+
1011
+ // <http://www.w3.org/TR/css3-values/#number-value>
1012
+ var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
1013
+
1014
+ // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome.
1015
+ var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
1016
+
1017
+ // Actual matching.
1018
+ // Parentheses and commas are optional, but not required.
1019
+ // Whitespace can take the place of commas or opening paren
1020
+ var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
1021
+ var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
1022
+
1023
+ return {
1024
+ rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
1025
+ rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
1026
+ hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
1027
+ hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
1028
+ hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
1029
+ hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
1030
+ hex3: /^([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
1031
+ hex6: /^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
1032
+ hex8: /^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
1033
+ };
1034
+ })();
1035
+
1036
+ // `stringInputToObject`
1037
+ // Permissive string parsing. Take in a number of formats, and output an object
1038
+ // based on detected format. Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}`
1039
+ function stringInputToObject(color) {
1040
+
1041
+ color = color.replace(trimLeft,'').replace(trimRight, '').toLowerCase();
1042
+ var named = false;
1043
+ if (names[color]) {
1044
+ color = names[color];
1045
+ named = true;
1046
+ }
1047
+ else if (color == 'transparent') {
1048
+ return { r: 0, g: 0, b: 0, a: 0, format: "name" };
1049
+ }
1050
+
1051
+ // Try to match string input using regular expressions.
1052
+ // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
1053
+ // Just return an object and let the conversion functions handle that.
1054
+ // This way the result will be the same whether the tinycolor is initialized with string or object.
1055
+ var match;
1056
+ if ((match = matchers.rgb.exec(color))) {
1057
+ return { r: match[1], g: match[2], b: match[3] };
1058
+ }
1059
+ if ((match = matchers.rgba.exec(color))) {
1060
+ return { r: match[1], g: match[2], b: match[3], a: match[4] };
1061
+ }
1062
+ if ((match = matchers.hsl.exec(color))) {
1063
+ return { h: match[1], s: match[2], l: match[3] };
1064
+ }
1065
+ if ((match = matchers.hsla.exec(color))) {
1066
+ return { h: match[1], s: match[2], l: match[3], a: match[4] };
1067
+ }
1068
+ if ((match = matchers.hsv.exec(color))) {
1069
+ return { h: match[1], s: match[2], v: match[3] };
1070
+ }
1071
+ if ((match = matchers.hsva.exec(color))) {
1072
+ return { h: match[1], s: match[2], v: match[3], a: match[4] };
1073
+ }
1074
+ if ((match = matchers.hex8.exec(color))) {
1075
+ return {
1076
+ a: convertHexToDecimal(match[1]),
1077
+ r: parseIntFromHex(match[2]),
1078
+ g: parseIntFromHex(match[3]),
1079
+ b: parseIntFromHex(match[4]),
1080
+ format: named ? "name" : "hex8"
1081
+ };
1082
+ }
1083
+ if ((match = matchers.hex6.exec(color))) {
1084
+ return {
1085
+ r: parseIntFromHex(match[1]),
1086
+ g: parseIntFromHex(match[2]),
1087
+ b: parseIntFromHex(match[3]),
1088
+ format: named ? "name" : "hex"
1089
+ };
1090
+ }
1091
+ if ((match = matchers.hex3.exec(color))) {
1092
+ return {
1093
+ r: parseIntFromHex(match[1] + '' + match[1]),
1094
+ g: parseIntFromHex(match[2] + '' + match[2]),
1095
+ b: parseIntFromHex(match[3] + '' + match[3]),
1096
+ format: named ? "name" : "hex"
1097
+ };
1098
+ }
1099
+
1100
+ return false;
1101
+ }
1102
+
1103
+ // Node: Export function
1104
+ if (typeof module !== "undefined" && module.exports) {
1105
+ module.exports = tinycolor;
1106
+ }
1107
+ // AMD/requirejs: Define the module
1108
+ else if (typeof define === 'function' && define.amd) {
1109
+ define(function () {return tinycolor;});
1110
+ }
1111
+ // Browser: Expose to window
1112
+ else {
1113
+ window.tinycolor = tinycolor;
1114
+ }
1115
+
1116
+ })();
assets/js/tinycolor.min.js ADDED
@@ -0,0 +1 @@
 
1
+ !function(){function a(a){var c={r:0,g:0,b:0},e=1,g=!1,h=!1;return"string"==typeof a&&(a=G(a)),"object"==typeof a&&(a.hasOwnProperty("r")&&a.hasOwnProperty("g")&&a.hasOwnProperty("b")?(c=b(a.r,a.g,a.b),g=!0,h="%"===String(a.r).substr(-1)?"prgb":"rgb"):a.hasOwnProperty("h")&&a.hasOwnProperty("s")&&a.hasOwnProperty("v")?(a.s=D(a.s),a.v=D(a.v),c=f(a.h,a.s,a.v),g=!0,h="hsv"):a.hasOwnProperty("h")&&a.hasOwnProperty("s")&&a.hasOwnProperty("l")&&(a.s=D(a.s),a.l=D(a.l),c=d(a.h,a.s,a.l),g=!0,h="hsl"),a.hasOwnProperty("a")&&(e=a.a)),e=w(e),{ok:g,format:a.format||h,r:M(255,N(c.r,0)),g:M(255,N(c.g,0)),b:M(255,N(c.b,0)),a:e}}function b(a,b,c){return{r:255*x(a,255),g:255*x(b,255),b:255*x(c,255)}}function c(a,b,c){a=x(a,255),b=x(b,255),c=x(c,255);var d,e,f=N(a,b,c),g=M(a,b,c),h=(f+g)/2;if(f==g)d=e=0;else{var i=f-g;switch(e=h>.5?i/(2-f-g):i/(f+g),f){case a:d=(b-c)/i+(c>b?6:0);break;case b:d=(c-a)/i+2;break;case c:d=(a-b)/i+4}d/=6}return{h:d,s:e,l:h}}function d(a,b,c){function d(a,b,c){return 0>c&&(c+=1),c>1&&(c-=1),1/6>c?a+6*(b-a)*c:.5>c?b:2/3>c?a+(b-a)*(2/3-c)*6:a}var e,f,g;if(a=x(a,360),b=x(b,100),c=x(c,100),0===b)e=f=g=c;else{var h=.5>c?c*(1+b):c+b-c*b,i=2*c-h;e=d(i,h,a+1/3),f=d(i,h,a),g=d(i,h,a-1/3)}return{r:255*e,g:255*f,b:255*g}}function e(a,b,c){a=x(a,255),b=x(b,255),c=x(c,255);var d,e,f=N(a,b,c),g=M(a,b,c),h=f,i=f-g;if(e=0===f?0:i/f,f==g)d=0;else{switch(f){case a:d=(b-c)/i+(c>b?6:0);break;case b:d=(c-a)/i+2;break;case c:d=(a-b)/i+4}d/=6}return{h:d,s:e,v:h}}function f(a,b,c){a=6*x(a,360),b=x(b,100),c=x(c,100);var d=K.floor(a),e=a-d,f=c*(1-b),g=c*(1-e*b),h=c*(1-(1-e)*b),i=d%6,j=[c,g,f,f,h,c][i],k=[h,c,c,g,f,f][i],l=[f,f,h,c,c,g][i];return{r:255*j,g:255*k,b:255*l}}function g(a,b,c,d){var e=[C(L(a).toString(16)),C(L(b).toString(16)),C(L(c).toString(16))];return d&&e[0].charAt(0)==e[0].charAt(1)&&e[1].charAt(0)==e[1].charAt(1)&&e[2].charAt(0)==e[2].charAt(1)?e[0].charAt(0)+e[1].charAt(0)+e[2].charAt(0):e.join("")}function h(a,b,c,d){var e=[C(E(d)),C(L(a).toString(16)),C(L(b).toString(16)),C(L(c).toString(16))];return e.join("")}function i(a,b){b=0===b?0:b||10;var c=P(a).toHsl();return c.s-=b/100,c.s=y(c.s),P(c)}function j(a,b){b=0===b?0:b||10;var c=P(a).toHsl();return c.s+=b/100,c.s=y(c.s),P(c)}function k(a){return P(a).desaturate(100)}function l(a,b){b=0===b?0:b||10;var c=P(a).toHsl();return c.l+=b/100,c.l=y(c.l),P(c)}function m(a,b){b=0===b?0:b||10;var c=P(a).toRgb();return c.r=N(0,M(255,c.r-L(255*-(b/100)))),c.g=N(0,M(255,c.g-L(255*-(b/100)))),c.b=N(0,M(255,c.b-L(255*-(b/100)))),P(c)}function n(a,b){b=0===b?0:b||10;var c=P(a).toHsl();return c.l-=b/100,c.l=y(c.l),P(c)}function o(a,b){var c=P(a).toHsl(),d=(L(c.h)+b)%360;return c.h=0>d?360+d:d,P(c)}function p(a){var b=P(a).toHsl();return b.h=(b.h+180)%360,P(b)}function q(a){var b=P(a).toHsl(),c=b.h;return[P(a),P({h:(c+120)%360,s:b.s,l:b.l}),P({h:(c+240)%360,s:b.s,l:b.l})]}function r(a){var b=P(a).toHsl(),c=b.h;return[P(a),P({h:(c+90)%360,s:b.s,l:b.l}),P({h:(c+180)%360,s:b.s,l:b.l}),P({h:(c+270)%360,s:b.s,l:b.l})]}function s(a){var b=P(a).toHsl(),c=b.h;return[P(a),P({h:(c+72)%360,s:b.s,l:b.l}),P({h:(c+216)%360,s:b.s,l:b.l})]}function t(a,b,c){b=b||6,c=c||30;var d=P(a).toHsl(),e=360/c,f=[P(a)];for(d.h=(d.h-(e*b>>1)+720)%360;--b;)d.h=(d.h+e)%360,f.push(P(d));return f}function u(a,b){b=b||6;for(var c=P(a).toHsv(),d=c.h,e=c.s,f=c.v,g=[],h=1/b;b--;)g.push(P({h:d,s:e,v:f})),f=(f+h)%1;return g}function v(a){var b={};for(var c in a)a.hasOwnProperty(c)&&(b[a[c]]=c);return b}function w(a){return a=parseFloat(a),(isNaN(a)||0>a||a>1)&&(a=1),a}function x(a,b){A(a)&&(a="100%");var c=B(a);return a=M(b,N(0,parseFloat(a))),c&&(a=parseInt(a*b,10)/100),K.abs(a-b)<1e-6?1:a%b/parseFloat(b)}function y(a){return M(1,N(0,a))}function z(a){return parseInt(a,16)}function A(a){return"string"==typeof a&&-1!=a.indexOf(".")&&1===parseFloat(a)}function B(a){return"string"==typeof a&&-1!=a.indexOf("%")}function C(a){return 1==a.length?"0"+a:""+a}function D(a){return 1>=a&&(a=100*a+"%"),a}function E(a){return Math.round(255*parseFloat(a)).toString(16)}function F(a){return z(a)/255}function G(a){a=a.replace(H,"").replace(I,"").toLowerCase();var b=!1;if(Q[a])a=Q[a],b=!0;else if("transparent"==a)return{r:0,g:0,b:0,a:0,format:"name"};var c;return(c=S.rgb.exec(a))?{r:c[1],g:c[2],b:c[3]}:(c=S.rgba.exec(a))?{r:c[1],g:c[2],b:c[3],a:c[4]}:(c=S.hsl.exec(a))?{h:c[1],s:c[2],l:c[3]}:(c=S.hsla.exec(a))?{h:c[1],s:c[2],l:c[3],a:c[4]}:(c=S.hsv.exec(a))?{h:c[1],s:c[2],v:c[3]}:(c=S.hsva.exec(a))?{h:c[1],s:c[2],v:c[3],a:c[4]}:(c=S.hex8.exec(a))?{a:F(c[1]),r:z(c[2]),g:z(c[3]),b:z(c[4]),format:b?"name":"hex8"}:(c=S.hex6.exec(a))?{r:z(c[1]),g:z(c[2]),b:z(c[3]),format:b?"name":"hex"}:(c=S.hex3.exec(a))?{r:z(c[1]+""+c[1]),g:z(c[2]+""+c[2]),b:z(c[3]+""+c[3]),format:b?"name":"hex"}:!1}var H=/^[\s,#]+/,I=/\s+$/,J=0,K=Math,L=K.round,M=K.min,N=K.max,O=K.random,P=function T(b,c){if(b=b?b:"",c=c||{},b instanceof T)return b;if(!(this instanceof T))return new T(b,c);var d=a(b);this._originalInput=b,this._r=d.r,this._g=d.g,this._b=d.b,this._a=d.a,this._roundA=L(100*this._a)/100,this._format=c.format||d.format,this._gradientType=c.gradientType,this._r<1&&(this._r=L(this._r)),this._g<1&&(this._g=L(this._g)),this._b<1&&(this._b=L(this._b)),this._ok=d.ok,this._tc_id=J++};P.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var a=this.toRgb();return(299*a.r+587*a.g+114*a.b)/1e3},setAlpha:function(a){return this._a=w(a),this._roundA=L(100*this._a)/100,this},toHsv:function(){var a=e(this._r,this._g,this._b);return{h:360*a.h,s:a.s,v:a.v,a:this._a}},toHsvString:function(){var a=e(this._r,this._g,this._b),b=L(360*a.h),c=L(100*a.s),d=L(100*a.v);return 1==this._a?"hsv("+b+", "+c+"%, "+d+"%)":"hsva("+b+", "+c+"%, "+d+"%, "+this._roundA+")"},toHsl:function(){var a=c(this._r,this._g,this._b);return{h:360*a.h,s:a.s,l:a.l,a:this._a}},toHslString:function(){var a=c(this._r,this._g,this._b),b=L(360*a.h),d=L(100*a.s),e=L(100*a.l);return 1==this._a?"hsl("+b+", "+d+"%, "+e+"%)":"hsla("+b+", "+d+"%, "+e+"%, "+this._roundA+")"},toHex:function(a){return g(this._r,this._g,this._b,a)},toHexString:function(a){return"#"+this.toHex(a)},toHex8:function(){return h(this._r,this._g,this._b,this._a)},toHex8String:function(){return"#"+this.toHex8()},toRgb:function(){return{r:L(this._r),g:L(this._g),b:L(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+L(this._r)+", "+L(this._g)+", "+L(this._b)+")":"rgba("+L(this._r)+", "+L(this._g)+", "+L(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:L(100*x(this._r,255))+"%",g:L(100*x(this._g,255))+"%",b:L(100*x(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+L(100*x(this._r,255))+"%, "+L(100*x(this._g,255))+"%, "+L(100*x(this._b,255))+"%)":"rgba("+L(100*x(this._r,255))+"%, "+L(100*x(this._g,255))+"%, "+L(100*x(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":this._a<1?!1:R[g(this._r,this._g,this._b,!0)]||!1},toFilter:function(a){var b="#"+h(this._r,this._g,this._b,this._a),c=b,d=this._gradientType?"GradientType = 1, ":"";if(a){var e=P(a);c=e.toHex8String()}return"progid:DXImageTransform.Microsoft.gradient("+d+"startColorstr="+b+",endColorstr="+c+")"},toString:function(a){var b=!!a;a=a||this._format;var c=!1,d=this._a<1&&this._a>=0,e=!b&&d&&("hex"===a||"hex6"===a||"hex3"===a||"name"===a);return e?"name"===a&&0===this._a?this.toName():this.toRgbString():("rgb"===a&&(c=this.toRgbString()),"prgb"===a&&(c=this.toPercentageRgbString()),("hex"===a||"hex6"===a)&&(c=this.toHexString()),"hex3"===a&&(c=this.toHexString(!0)),"hex8"===a&&(c=this.toHex8String()),"name"===a&&(c=this.toName()),"hsl"===a&&(c=this.toHslString()),"hsv"===a&&(c=this.toHsvString()),c||this.toHexString())},_applyModification:function(a,b){var c=a.apply(null,[this].concat([].slice.call(b)));return this._r=c._r,this._g=c._g,this._b=c._b,this.setAlpha(c._a),this},lighten:function(){return this._applyModification(l,arguments)},brighten:function(){return this._applyModification(m,arguments)},darken:function(){return this._applyModification(n,arguments)},desaturate:function(){return this._applyModification(i,arguments)},saturate:function(){return this._applyModification(j,arguments)},greyscale:function(){return this._applyModification(k,arguments)},spin:function(){return this._applyModification(o,arguments)},_applyCombination:function(a,b){return a.apply(null,[this].concat([].slice.call(b)))},analogous:function(){return this._applyCombination(t,arguments)},complement:function(){return this._applyCombination(p,arguments)},monochromatic:function(){return this._applyCombination(u,arguments)},splitcomplement:function(){return this._applyCombination(s,arguments)},triad:function(){return this._applyCombination(q,arguments)},tetrad:function(){return this._applyCombination(r,arguments)}},P.fromRatio=function(a,b){if("object"==typeof a){var c={};for(var d in a)a.hasOwnProperty(d)&&(c[d]="a"===d?a[d]:D(a[d]));a=c}return P(a,b)},P.equals=function(a,b){return a&&b?P(a).toRgbString()==P(b).toRgbString():!1},P.random=function(){return P.fromRatio({r:O(),g:O(),b:O()})},P.mix=function(a,b,c){c=0===c?0:c||50;var d,e=P(a).toRgb(),f=P(b).toRgb(),g=c/100,h=2*g-1,i=f.a-e.a;d=h*i==-1?h:(h+i)/(1+h*i),d=(d+1)/2;var j=1-d,k={r:f.r*d+e.r*j,g:f.g*d+e.g*j,b:f.b*d+e.b*j,a:f.a*g+e.a*(1-g)};return P(k)},P.readability=function(a,b){var c=P(a),d=P(b),e=c.toRgb(),f=d.toRgb(),g=c.getBrightness(),h=d.getBrightness(),i=Math.max(e.r,f.r)-Math.min(e.r,f.r)+Math.max(e.g,f.g)-Math.min(e.g,f.g)+Math.max(e.b,f.b)-Math.min(e.b,f.b);return{brightness:Math.abs(g-h),color:i}},P.isReadable=function(a,b){var c=P.readability(a,b);return c.brightness>125&&c.color>500},P.mostReadable=function(a,b){for(var c=null,d=0,e=!1,f=0;f<b.length;f++){var g=P.readability(a,b[f]),h=g.brightness>125&&g.color>500,i=3*(g.brightness/125)+g.color/500;(h&&!e||h&&e&&i>d||!h&&!e&&i>d)&&(e=h,d=i,c=P(b[f]))}return c};var Q=P.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},R=P.hexNames=v(Q),S=function(){var a="[-\\+]?\\d+%?",b="[-\\+]?\\d*\\.\\d+%?",c="(?:"+b+")|(?:"+a+")",d="[\\s|\\(]+("+c+")[,|\\s]+("+c+")[,|\\s]+("+c+")\\s*\\)?",e="[\\s|\\(]+("+c+")[,|\\s]+("+c+")[,|\\s]+("+c+")[,|\\s]+("+c+")\\s*\\)?";return{rgb:new RegExp("rgb"+d),rgba:new RegExp("rgba"+e),hsl:new RegExp("hsl"+d),hsla:new RegExp("hsla"+e),hsv:new RegExp("hsv"+d),hsva:new RegExp("hsva"+e),hex3:/^([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex8:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();"undefined"!=typeof module&&module.exports?module.exports=P:"function"==typeof define&&define.amd?define(function(){return P}):window.tinycolor=P}();
includes/class-wc-colors-customizer.php ADDED
@@ -0,0 +1,194 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ if ( ! defined( 'ABSPATH' ) ) {
3
+ exit; // Exit if accessed directly.
4
+ }
5
+
6
+ /**
7
+ * WooCommerce Colors Customizer.
8
+ *
9
+ * @package WC_Colors/Customizer
10
+ * @category Class
11
+ * @author WooThemes
12
+ */
13
+ class WC_Colors_Customizer {
14
+
15
+ /**
16
+ * Section slug.
17
+ *
18
+ * @var string
19
+ */
20
+ public $section_slug = 'woocommerce_colors';
21
+
22
+ /**
23
+ * Initialize the customize actions.
24
+ */
25
+ public function __construct() {
26
+ add_action( 'customize_register', array( $this, 'register_settings' ) );
27
+ add_action( 'customize_preview_init', array( $this, 'live_preview' ) );
28
+ add_action( 'customize_save_after', array( $this, 'save_after' ) );
29
+ add_action( 'wp_head', array( $this, 'header_output' ), 99999 );
30
+ }
31
+
32
+ /**
33
+ * Register the customizer settings.
34
+ *
35
+ * @param \WP_Customize_Manager $wp_customize
36
+ */
37
+ public function register_settings( $wp_customize ) {
38
+
39
+ $wp_customize->add_section( $this->section_slug, array(
40
+ 'title' => __( 'WooCommerce', 'woocommerce-colors' ),
41
+ 'priority' => 60,
42
+ 'description' => __( 'WooCommerce Colors.', 'woocommerce-colors' )
43
+ ) );
44
+
45
+ // Primary Color.
46
+ $wp_customize->add_setting( $this->section_slug . '[primary]', array(
47
+ 'default' => '#a46497',
48
+ 'type' => 'option',
49
+ 'transport' => 'postMessage',
50
+ 'sanitize_callback' => 'sanitize_hex_color',
51
+ ) );
52
+
53
+ $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'woocommerce_primary', array(
54
+ 'label' => __( 'Primary Color', 'woocommerce-colors' ),
55
+ 'section' => $this->section_slug,
56
+ 'settings' => $this->section_slug . '[primary]',
57
+ 'priority' => 1
58
+ ) ) );
59
+
60
+ // Secondary Color.
61
+ $wp_customize->add_setting( $this->section_slug . '[secondary]', array(
62
+ 'default' => '#ebe9eb',
63
+ 'type' => 'option',
64
+ 'transport' => 'postMessage',
65
+ 'sanitize_callback' => 'sanitize_hex_color',
66
+ ) );
67
+
68
+ $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'woocommerce_secondary', array(
69
+ 'label' => __( 'Secondary Color', 'woocommerce-colors' ),
70
+ 'section' => $this->section_slug,
71
+ 'settings' => $this->section_slug . '[secondary]',
72
+ 'priority' => 1
73
+ ) ) );
74
+
75
+ // Highlight Color.
76
+ $wp_customize->add_setting( $this->section_slug . '[highlight]', array(
77
+ 'default' => '#77a464',
78
+ 'type' => 'option',
79
+ 'transport' => 'postMessage',
80
+ 'sanitize_callback' => 'sanitize_hex_color',
81
+ ) );
82
+
83
+ $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'woocommerce_highlight', array(
84
+ 'label' => __( 'Highlight Color', 'woocommerce-colors' ),
85
+ 'section' => $this->section_slug,
86
+ 'settings' => $this->section_slug . '[highlight]',
87
+ 'priority' => 1
88
+ ) ) );
89
+
90
+ // Content Background Color.
91
+ $wp_customize->add_setting( $this->section_slug . '[contentbg]', array(
92
+ 'default' => '#ffffff',
93
+ 'type' => 'option',
94
+ 'transport' => 'postMessage',
95
+ 'sanitize_callback' => 'sanitize_hex_color',
96
+ ) );
97
+
98
+ $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'woocommerce_contentbg', array(
99
+ 'label' => __( 'Content Background Color', 'woocommerce-colors' ),
100
+ 'section' => $this->section_slug,
101
+ 'settings' => $this->section_slug . '[contentbg]',
102
+ 'priority' => 1
103
+ ) ) );
104
+
105
+ // Subtext Color.
106
+ $wp_customize->add_setting( $this->section_slug . '[subtext]', array(
107
+ 'default' => '#777777',
108
+ 'type' => 'option',
109
+ 'transport' => 'postMessage',
110
+ 'sanitize_callback' => 'sanitize_hex_color',
111
+ ) );
112
+
113
+ $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'woocommerce_subtext', array(
114
+ 'label' => __( 'Subtext Color', 'woocommerce-colors' ),
115
+ 'section' => $this->section_slug,
116
+ 'settings' => $this->section_slug . '[subtext]',
117
+ 'priority' => 1
118
+ ) ) );
119
+ }
120
+
121
+ /**
122
+ * Customizer live preview.
123
+ */
124
+ public function live_preview() {
125
+ $suffix = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
126
+
127
+ wp_enqueue_script( 'tinycolor', WC_Colors::get_assets_url() . 'js/tinycolor' . $suffix . '.js', array(), '1.1.1', true );
128
+ wp_enqueue_script( 'woocommerce-colors-customizer', WC_Colors::get_assets_url() . 'js/customizer' . $suffix . '.js', array( 'jquery', 'customize-preview', 'tinycolor' ), WC_Colors::VERSION, true );
129
+ }
130
+
131
+ /**
132
+ * Compile the SCSS.
133
+ *
134
+ * @return string
135
+ */
136
+ protected function compile_scss() {
137
+ include_once 'libs/class-scss.php';
138
+
139
+ // Get options
140
+ $colors = WC_Colors::get_options( get_option( 'woocommerce_colors' ) );
141
+
142
+ ob_start();
143
+ include 'views/scss.php';
144
+ $scss = ob_get_clean();
145
+
146
+ $compiler = new scssc;
147
+ $compiler->setFormatter( 'scss_formatter_compressed' );
148
+ $compiled_css = $compiler->compile( trim( $scss ) );
149
+
150
+ return $compiled_css;
151
+ }
152
+
153
+ /**
154
+ * Save the colors.
155
+ *
156
+ * @param WP_Customize_Manager $customize
157
+ */
158
+ public function save_after( $customize ) {
159
+ if ( ! isset( $_REQUEST['customized'] ) ) {
160
+ return;
161
+ }
162
+
163
+ $customized = json_decode( stripslashes( $_REQUEST['customized'] ), true );
164
+ $save = false;
165
+
166
+ foreach ( $customized as $key => $value ) {
167
+ if ( false !== strpos( $key, $this->section_slug ) ) {
168
+ $save = true;
169
+ break;
170
+ }
171
+ }
172
+
173
+ if ( $save ) {
174
+ $css = $this->compile_scss();
175
+
176
+ update_option( 'woocommerce_colors_css', $css );
177
+ }
178
+ }
179
+
180
+ /**
181
+ * Header output.
182
+ */
183
+ public function header_output() {
184
+ $css = get_option( 'woocommerce_colors_css' );
185
+
186
+ echo "<!-- WooCommerce Colors -->\n";
187
+ echo "<style type=\"text/css\">\n";
188
+ echo $css;
189
+ echo "\n</style>\n";
190
+ echo "<!--/WooCommerce Colors-->\n";
191
+ }
192
+ }
193
+
194
+ new WC_Colors_Customizer();
includes/libs/class-scss.php ADDED
@@ -0,0 +1,4770 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ if ( ! defined( 'ABSPATH' ) ) {
3
+ // exit; // Exit if accessed directly.
4
+ }
5
+
6
+ /**
7
+ * SCSS compiler written in PHP
8
+ *
9
+ * @copyright 2012-2014 Leaf Corcoran
10
+ *
11
+ * @license http://opensource.org/licenses/gpl-license GPL-3.0
12
+ * @license http://opensource.org/licenses/MIT MIT
13
+ *
14
+ * @link http://leafo.net/scssphp
15
+ */
16
+
17
+ /**
18
+ * The scss compiler and parser.
19
+ *
20
+ * Converting SCSS to CSS is a three stage process. The incoming file is parsed
21
+ * by `scss_parser` into a syntax tree, then it is compiled into another tree
22
+ * representing the CSS structure by `scssc`. The CSS tree is fed into a
23
+ * formatter, like `scss_formatter` which then outputs CSS as a string.
24
+ *
25
+ * During the first compile, all values are *reduced*, which means that their
26
+ * types are brought to the lowest form before being dump as strings. This
27
+ * handles math equations, variable dereferences, and the like.
28
+ *
29
+ * The `parse` function of `scssc` is the entry point.
30
+ *
31
+ * In summary:
32
+ *
33
+ * The `scssc` class creates an instance of the parser, feeds it SCSS code,
34
+ * then transforms the resulting tree to a CSS tree. This class also holds the
35
+ * evaluation context, such as all available mixins and variables at any given
36
+ * time.
37
+ *
38
+ * The `scss_parser` class is only concerned with parsing its input.
39
+ *
40
+ * The `scss_formatter` takes a CSS tree, and dumps it to a formatted string,
41
+ * handling things like indentation.
42
+ */
43
+
44
+ /**
45
+ * SCSS compiler
46
+ *
47
+ * @author Leaf Corcoran <leafot@gmail.com>
48
+ */
49
+ class scssc {
50
+ static public $VERSION = 'v0.0.15';
51
+
52
+ static protected $operatorNames = array(
53
+ '+' => 'add',
54
+ '-' => 'sub',
55
+ '*' => 'mul',
56
+ '/' => 'div',
57
+ '%' => 'mod',
58
+
59
+ '==' => 'eq',
60
+ '!=' => 'neq',
61
+ '<' => 'lt',
62
+ '>' => 'gt',
63
+
64
+ '<=' => 'lte',
65
+ '>=' => 'gte',
66
+ );
67
+
68
+ static protected $namespaces = array(
69
+ 'special' => '%',
70
+ 'mixin' => '@',
71
+ 'function' => '^',
72
+ );
73
+
74
+ static protected $unitTable = array(
75
+ 'in' => array(
76
+ 'in' => 1,
77
+ 'pt' => 72,
78
+ 'pc' => 6,
79
+ 'cm' => 2.54,
80
+ 'mm' => 25.4,
81
+ 'px' => 96,
82
+ )
83
+ );
84
+
85
+ static public $true = array('keyword', 'true');
86
+ static public $false = array('keyword', 'false');
87
+ static public $null = array('null');
88
+
89
+ static public $defaultValue = array('keyword', '');
90
+ static public $selfSelector = array('self');
91
+
92
+ protected $importPaths = array('');
93
+ protected $importCache = array();
94
+
95
+ protected $userFunctions = array();
96
+ protected $registeredVars = array();
97
+
98
+ protected $numberPrecision = 5;
99
+
100
+ protected $formatter = 'scss_formatter_nested';
101
+
102
+ /**
103
+ * Compile scss
104
+ *
105
+ * @param string $code
106
+ * @param string $name
107
+ *
108
+ * @return string
109
+ */
110
+ public function compile($code, $name = null)
111
+ {
112
+ $this->indentLevel = -1;
113
+ $this->commentsSeen = array();
114
+ $this->extends = array();
115
+ $this->extendsMap = array();
116
+ $this->parsedFiles = array();
117
+ $this->env = null;
118
+ $this->scope = null;
119
+
120
+ $locale = setlocale(LC_NUMERIC, 0);
121
+ setlocale(LC_NUMERIC, 'C');
122
+
123
+ $this->parser = new scss_parser($name);
124
+
125
+ $tree = $this->parser->parse($code);
126
+
127
+ $this->formatter = new $this->formatter();
128
+
129
+ $this->pushEnv($tree);
130
+ $this->injectVariables($this->registeredVars);
131
+ $this->compileRoot($tree);
132
+ $this->popEnv();
133
+
134
+ $out = $this->formatter->format($this->scope);
135
+
136
+ setlocale(LC_NUMERIC, $locale);
137
+
138
+ return $out;
139
+ }
140
+
141
+ protected function isSelfExtend($target, $origin) {
142
+ foreach ($origin as $sel) {
143
+ if (in_array($target, $sel)) {
144
+ return true;
145
+ }
146
+ }
147
+
148
+ return false;
149
+ }
150
+
151
+ protected function pushExtends($target, $origin) {
152
+ if ($this->isSelfExtend($target, $origin)) {
153
+ return;
154
+ }
155
+
156
+ $i = count($this->extends);
157
+ $this->extends[] = array($target, $origin);
158
+
159
+ foreach ($target as $part) {
160
+ if (isset($this->extendsMap[$part])) {
161
+ $this->extendsMap[$part][] = $i;
162
+ } else {
163
+ $this->extendsMap[$part] = array($i);
164
+ }
165
+ }
166
+ }
167
+
168
+ protected function makeOutputBlock($type, $selectors = null) {
169
+ $out = new stdClass;
170
+ $out->type = $type;
171
+ $out->lines = array();
172
+ $out->children = array();
173
+ $out->parent = $this->scope;
174
+ $out->selectors = $selectors;
175
+ $out->depth = $this->env->depth;
176
+
177
+ return $out;
178
+ }
179
+
180
+ protected function matchExtendsSingle($single, &$outOrigin) {
181
+ $counts = array();
182
+ foreach ($single as $part) {
183
+ if (!is_string($part)) return false; // hmm
184
+
185
+ if (isset($this->extendsMap[$part])) {
186
+ foreach ($this->extendsMap[$part] as $idx) {
187
+ $counts[$idx] =
188
+ isset($counts[$idx]) ? $counts[$idx] + 1 : 1;
189
+ }
190
+ }
191
+ }
192
+
193
+ $outOrigin = array();
194
+ $found = false;
195
+
196
+ foreach ($counts as $idx => $count) {
197
+ list($target, $origin) = $this->extends[$idx];
198
+
199
+ // check count
200
+ if ($count != count($target)) continue;
201
+
202
+ // check if target is subset of single
203
+ if (array_diff(array_intersect($single, $target), $target)) continue;
204
+
205
+ $rem = array_diff($single, $target);
206
+
207
+ foreach ($origin as $j => $new) {
208
+ // prevent infinite loop when target extends itself
209
+ foreach ($new as $new_selector) {
210
+ if (!array_diff($single, $new_selector)) {
211
+ continue 2;
212
+ }
213
+ }
214
+
215
+ $origin[$j][count($origin[$j]) - 1] = $this->combineSelectorSingle(end($new), $rem);
216
+ }
217
+
218
+ $outOrigin = array_merge($outOrigin, $origin);
219
+
220
+ $found = true;
221
+ }
222
+
223
+ return $found;
224
+ }
225
+
226
+ protected function combineSelectorSingle($base, $other) {
227
+ $tag = null;
228
+ $out = array();
229
+
230
+ foreach (array($base, $other) as $single) {
231
+ foreach ($single as $part) {
232
+ if (preg_match('/^[^\[.#:]/', $part)) {
233
+ $tag = $part;
234
+ } else {
235
+ $out[] = $part;
236
+ }
237
+ }
238
+ }
239
+
240
+ if ($tag) {
241
+ array_unshift($out, $tag);
242
+ }
243
+
244
+ return $out;
245
+ }
246
+
247
+ protected function matchExtends($selector, &$out, $from = 0, $initial=true) {
248
+ foreach ($selector as $i => $part) {
249
+ if ($i < $from) continue;
250
+
251
+ if ($this->matchExtendsSingle($part, $origin)) {
252
+ $before = array_slice($selector, 0, $i);
253
+ $after = array_slice($selector, $i + 1);
254
+
255
+ foreach ($origin as $new) {
256
+ $k = 0;
257
+
258
+ // remove shared parts
259
+ if ($initial) {
260
+ foreach ($before as $k => $val) {
261
+ if (!isset($new[$k]) || $val != $new[$k]) {
262
+ break;
263
+ }
264
+ }
265
+ }
266
+
267
+ $result = array_merge(
268
+ $before,
269
+ $k > 0 ? array_slice($new, $k) : $new,
270
+ $after);
271
+
272
+
273
+ if ($result == $selector) continue;
274
+ $out[] = $result;
275
+
276
+ // recursively check for more matches
277
+ $this->matchExtends($result, $out, $i, false);
278
+
279
+ // selector sequence merging
280
+ if (!empty($before) && count($new) > 1) {
281
+ $result2 = array_merge(
282
+ array_slice($new, 0, -1),
283
+ $k > 0 ? array_slice($before, $k) : $before,
284
+ array_slice($new, -1),
285
+ $after);
286
+
287
+ $out[] = $result2;
288
+ }
289
+ }
290
+ }
291
+ }
292
+ }
293
+
294
+ protected function flattenSelectors($block, $parentKey = null) {
295
+ if ($block->selectors) {
296
+ $selectors = array();
297
+ foreach ($block->selectors as $s) {
298
+ $selectors[] = $s;
299
+ if (!is_array($s)) continue;
300
+ // check extends
301
+ if (!empty($this->extendsMap)) {
302
+ $this->matchExtends($s, $selectors);
303
+ }
304
+ }
305
+
306
+ $block->selectors = array();
307
+ $placeholderSelector = false;
308
+ foreach ($selectors as $selector) {
309
+ if ($this->hasSelectorPlaceholder($selector)) {
310
+ $placeholderSelector = true;
311
+ continue;
312
+ }
313
+ $block->selectors[] = $this->compileSelector($selector);
314
+ }
315
+
316
+ if ($placeholderSelector && 0 == count($block->selectors) && null !== $parentKey) {
317
+ unset($block->parent->children[$parentKey]);
318
+ return;
319
+ }
320
+ }
321
+
322
+ foreach ($block->children as $key => $child) {
323
+ $this->flattenSelectors($child, $key);
324
+ }
325
+ }
326
+
327
+ protected function compileRoot($rootBlock)
328
+ {
329
+ $this->scope = $this->makeOutputBlock('root');
330
+
331
+ $this->compileChildren($rootBlock->children, $this->scope);
332
+ $this->flattenSelectors($this->scope);
333
+ }
334
+
335
+ protected function compileMedia($media) {
336
+ $this->pushEnv($media);
337
+
338
+ $mediaQuery = $this->compileMediaQuery($this->multiplyMedia($this->env));
339
+
340
+ if (!empty($mediaQuery)) {
341
+
342
+ $this->scope = $this->makeOutputBlock('media', array($mediaQuery));
343
+
344
+ $parentScope = $this->mediaParent($this->scope);
345
+
346
+ $parentScope->children[] = $this->scope;
347
+
348
+ // top level properties in a media cause it to be wrapped
349
+ $needsWrap = false;
350
+ foreach ($media->children as $child) {
351
+ $type = $child[0];
352
+ if ($type !== 'block' && $type !== 'media' && $type !== 'directive') {
353
+ $needsWrap = true;
354
+ break;
355
+ }
356
+ }
357
+
358
+ if ($needsWrap) {
359
+ $wrapped = (object)array(
360
+ 'selectors' => array(),
361
+ 'children' => $media->children
362
+ );
363
+ $media->children = array(array('block', $wrapped));
364
+ }
365
+
366
+ $this->compileChildren($media->children, $this->scope);
367
+
368
+ $this->scope = $this->scope->parent;
369
+ }
370
+
371
+ $this->popEnv();
372
+ }
373
+
374
+ protected function mediaParent($scope) {
375
+ while (!empty($scope->parent)) {
376
+ if (!empty($scope->type) && $scope->type != 'media') {
377
+ break;
378
+ }
379
+ $scope = $scope->parent;
380
+ }
381
+
382
+ return $scope;
383
+ }
384
+
385
+ // TODO refactor compileNestedBlock and compileMedia into same thing
386
+ protected function compileNestedBlock($block, $selectors) {
387
+ $this->pushEnv($block);
388
+
389
+ $this->scope = $this->makeOutputBlock($block->type, $selectors);
390
+ $this->scope->parent->children[] = $this->scope;
391
+ $this->compileChildren($block->children, $this->scope);
392
+
393
+ $this->scope = $this->scope->parent;
394
+ $this->popEnv();
395
+ }
396
+
397
+ /**
398
+ * Recursively compiles a block.
399
+ *
400
+ * A block is analogous to a CSS block in most cases. A single SCSS document
401
+ * is encapsulated in a block when parsed, but it does not have parent tags
402
+ * so all of its children appear on the root level when compiled.
403
+ *
404
+ * Blocks are made up of selectors and children.
405
+ *
406
+ * The children of a block are just all the blocks that are defined within.
407
+ *
408
+ * Compiling the block involves pushing a fresh environment on the stack,
409
+ * and iterating through the props, compiling each one.
410
+ *
411
+ * @see scss::compileChild()
412
+ *
413
+ * @param \StdClass $block
414
+ */
415
+ protected function compileBlock($block) {
416
+ $env = $this->pushEnv($block);
417
+
418
+ $env->selectors =
419
+ array_map(array($this, 'evalSelector'), $block->selectors);
420
+
421
+ $out = $this->makeOutputBlock(null, $this->multiplySelectors($env));
422
+ $this->scope->children[] = $out;
423
+ $this->compileChildren($block->children, $out);
424
+
425
+ $this->popEnv();
426
+ }
427
+
428
+ // root level comment
429
+ protected function compileComment($block) {
430
+ $out = $this->makeOutputBlock('comment');
431
+ $out->lines[] = $block[1];
432
+ $this->scope->children[] = $out;
433
+ }
434
+
435
+ // joins together .classes and #ids
436
+ protected function flattenSelectorSingle($single) {
437
+ $joined = array();
438
+ foreach ($single as $part) {
439
+ if (empty($joined) ||
440
+ !is_string($part) ||
441
+ preg_match('/[\[.:#%]/', $part))
442
+ {
443
+ $joined[] = $part;
444
+ continue;
445
+ }
446
+
447
+ if (is_array(end($joined))) {
448
+ $joined[] = $part;
449
+ } else {
450
+ $joined[count($joined) - 1] .= $part;
451
+ }
452
+ }
453
+
454
+ return $joined;
455
+ }
456
+
457
+ // replaces all the interpolates
458
+ protected function evalSelector($selector) {
459
+ return array_map(array($this, 'evalSelectorPart'), $selector);
460
+ }
461
+
462
+ protected function evalSelectorPart($piece) {
463
+ foreach ($piece as &$p) {
464
+ if (!is_array($p)) continue;
465
+
466
+ switch ($p[0]) {
467
+ case 'interpolate':
468
+ $p = $this->compileValue($p);
469
+ break;
470
+ case 'string':
471
+ $p = $this->compileValue($p);
472
+ break;
473
+ }
474
+ }
475
+
476
+ return $this->flattenSelectorSingle($piece);
477
+ }
478
+
479
+ // compiles to string
480
+ // self(&) should have been replaced by now
481
+ protected function compileSelector($selector) {
482
+ if (!is_array($selector)) return $selector; // media and the like
483
+
484
+ return implode(' ', array_map(
485
+ array($this, 'compileSelectorPart'), $selector));
486
+ }
487
+
488
+ protected function compileSelectorPart($piece) {
489
+ foreach ($piece as &$p) {
490
+ if (!is_array($p)) continue;
491
+
492
+ switch ($p[0]) {
493
+ case 'self':
494
+ $p = '&';
495
+ break;
496
+ default:
497
+ $p = $this->compileValue($p);
498
+ break;
499
+ }
500
+ }
501
+
502
+ return implode($piece);
503
+ }
504
+
505
+ protected function hasSelectorPlaceholder($selector)
506
+ {
507
+ if (!is_array($selector)) return false;
508
+
509
+ foreach ($selector as $parts) {
510
+ foreach ($parts as $part) {
511
+ if ('%' == $part[0]) {
512
+ return true;
513
+ }
514
+ }
515
+ }
516
+
517
+ return false;
518
+ }
519
+
520
+ protected function compileChildren($stms, $out) {
521
+ foreach ($stms as $stm) {
522
+ $ret = $this->compileChild($stm, $out);
523
+ if (isset($ret)) return $ret;
524
+ }
525
+ }
526
+
527
+ protected function compileMediaQuery($queryList) {
528
+ $out = '@media';
529
+ $first = true;
530
+ foreach ($queryList as $query){
531
+ $type = null;
532
+ $parts = array();
533
+ foreach ($query as $q) {
534
+ switch ($q[0]) {
535
+ case 'mediaType':
536
+ if ($type) {
537
+ $type = $this->mergeMediaTypes($type, array_map(array($this, 'compileValue'), array_slice($q, 1)));
538
+ if (empty($type)) { // merge failed
539
+ return null;
540
+ }
541
+ } else {
542
+ $type = array_map(array($this, 'compileValue'), array_slice($q, 1));
543
+ }
544
+ break;
545
+ case 'mediaExp':
546
+ if (isset($q[2])) {
547
+ $parts[] = '('. $this->compileValue($q[1]) . $this->formatter->assignSeparator . $this->compileValue($q[2]) . ')';
548
+ } else {
549
+ $parts[] = '(' . $this->compileValue($q[1]) . ')';
550
+ }
551
+ break;
552
+ }
553
+ }
554
+ if ($type) {
555
+ array_unshift($parts, implode(' ', array_filter($type)));
556
+ }
557
+ if (!empty($parts)) {
558
+ if ($first) {
559
+ $first = false;
560
+ $out .= ' ';
561
+ } else {
562
+ $out .= $this->formatter->tagSeparator;
563
+ }
564
+ $out .= implode(' and ', $parts);
565
+ }
566
+ }
567
+ return $out;
568
+ }
569
+
570
+ protected function mergeMediaTypes($type1, $type2) {
571
+ if (empty($type1)) {
572
+ return $type2;
573
+ }
574
+ if (empty($type2)) {
575
+ return $type1;
576
+ }
577
+ $m1 = '';
578
+ $t1 = '';
579
+ if (count($type1) > 1) {
580
+ $m1= strtolower($type1[0]);
581
+ $t1= strtolower($type1[1]);
582
+ } else {
583
+ $t1 = strtolower($type1[0]);
584
+ }
585
+ $m2 = '';
586
+ $t2 = '';
587
+ if (count($type2) > 1) {
588
+ $m2 = strtolower($type2[0]);
589
+ $t2 = strtolower($type2[1]);
590
+ } else {
591
+ $t2 = strtolower($type2[0]);
592
+ }
593
+ if (($m1 == 'not') ^ ($m2 == 'not')) {
594
+ if ($t1 == $t2) {
595
+ return null;
596
+ }
597
+ return array(
598
+ $m1 == 'not' ? $m2 : $m1,
599
+ $m1 == 'not' ? $t2 : $t1
600
+ );
601
+ } elseif ($m1 == 'not' && $m2 == 'not') {
602
+ # CSS has no way of representing "neither screen nor print"
603
+ if ($t1 != $t2) {
604
+ return null;
605
+ }
606
+ return array('not', $t1);
607
+ } elseif ($t1 != $t2) {
608
+ return null;
609
+ } else { // t1 == t2, neither m1 nor m2 are "not"
610
+ return array(empty($m1)? $m2 : $m1, $t1);
611
+ }
612
+ }
613
+
614
+ // returns true if the value was something that could be imported
615
+ protected function compileImport($rawPath, $out) {
616
+ if ($rawPath[0] == 'string') {
617
+ $path = $this->compileStringContent($rawPath);
618
+ if ($path = $this->findImport($path)) {
619
+ $this->importFile($path, $out);
620
+ return true;
621
+ }
622
+ return false;
623
+ }
624
+ if ($rawPath[0] == 'list') {
625
+ // handle a list of strings
626
+ if (count($rawPath[2]) == 0) return false;
627
+ foreach ($rawPath[2] as $path) {
628
+ if ($path[0] != 'string') return false;
629
+ }
630
+
631
+ foreach ($rawPath[2] as $path) {
632
+ $this->compileImport($path, $out);
633
+ }
634
+
635
+ return true;
636
+ }
637
+
638
+ return false;
639
+ }
640
+
641
+ // return a value to halt execution
642
+ protected function compileChild($child, $out) {
643
+ $this->sourcePos = isset($child[-1]) ? $child[-1] : -1;
644
+ $this->sourceParser = isset($child[-2]) ? $child[-2] : $this->parser;
645
+
646
+ switch ($child[0]) {
647
+ case 'import':
648
+ list(,$rawPath) = $child;
649
+ $rawPath = $this->reduce($rawPath);
650
+ if (!$this->compileImport($rawPath, $out)) {
651
+ $out->lines[] = '@import ' . $this->compileValue($rawPath) . ';';
652
+ }
653
+ break;
654
+ case 'directive':
655
+ list(, $directive) = $child;
656
+ $s = '@' . $directive->name;
657
+ if (!empty($directive->value)) {
658
+ $s .= ' ' . $this->compileValue($directive->value);
659
+ }
660
+ $this->compileNestedBlock($directive, array($s));
661
+ break;
662
+ case 'media':
663
+ $this->compileMedia($child[1]);
664
+ break;
665
+ case 'block':
666
+ $this->compileBlock($child[1]);
667
+ break;
668
+ case 'charset':
669
+ $out->lines[] = '@charset '.$this->compileValue($child[1]).';';
670
+ break;
671
+ case 'assign':
672
+ list(,$name, $value) = $child;
673
+ if ($name[0] == 'var') {
674
+ $isDefault = !empty($child[3]);
675
+
676
+ if ($isDefault) {
677
+ $existingValue = $this->get($name[1], true);
678
+ $shouldSet = $existingValue === true || $existingValue == self::$null;
679
+ }
680
+
681
+ if (!$isDefault || $shouldSet) {
682
+ $this->set($name[1], $this->reduce($value));
683
+ }
684
+ break;
685
+ }
686
+
687
+ // if the value reduces to null from something else then
688
+ // the property should be discarded
689
+ if ($value[0] != 'null') {
690
+ $value = $this->reduce($value);
691
+ if ($value[0] == 'null') {
692
+ break;
693
+ }
694
+ }
695
+
696
+ $compiledValue = $this->compileValue($value);
697
+ $out->lines[] = $this->formatter->property(
698
+ $this->compileValue($name),
699
+ $compiledValue);
700
+ break;
701
+ case 'comment':
702
+ if ($out->type == 'root') {
703
+ $this->compileComment($child);
704
+ break;
705
+ }
706
+
707
+ $out->lines[] = $child[1];
708
+ break;
709
+ case 'mixin':
710
+ case 'function':
711
+ list(,$block) = $child;
712
+ $this->set(self::$namespaces[$block->type] . $block->name, $block);
713
+ break;
714
+ case 'extend':
715
+ list(, $selectors) = $child;
716
+ foreach ($selectors as $sel) {
717
+ // only use the first one
718
+ $sel = current($this->evalSelector($sel));
719
+ $this->pushExtends($sel, $out->selectors);
720
+ }
721
+ break;
722
+ case 'if':
723
+ list(, $if) = $child;
724
+ if ($this->isTruthy($this->reduce($if->cond, true))) {
725
+ return $this->compileChildren($if->children, $out);
726
+ } else {
727
+ foreach ($if->cases as $case) {
728
+ if ($case->type == 'else' ||
729
+ $case->type == 'elseif' && $this->isTruthy($this->reduce($case->cond)))
730
+ {
731
+ return $this->compileChildren($case->children, $out);
732
+ }
733
+ }
734
+ }
735
+ break;
736
+ case 'return':
737
+ return $this->reduce($child[1], true);
738
+ case 'each':
739
+ list(,$each) = $child;
740
+ $list = $this->coerceList($this->reduce($each->list));
741
+ foreach ($list[2] as $item) {
742
+ $this->pushEnv();
743
+ $this->set($each->var, $item);
744
+ // TODO: allow return from here
745
+ $this->compileChildren($each->children, $out);
746
+ $this->popEnv();
747
+ }
748
+ break;
749
+ case 'while':
750
+ list(,$while) = $child;
751
+ while ($this->isTruthy($this->reduce($while->cond, true))) {
752
+ $ret = $this->compileChildren($while->children, $out);
753
+ if ($ret) return $ret;
754
+ }
755
+ break;
756
+ case 'for':
757
+ list(,$for) = $child;
758
+ $start = $this->reduce($for->start, true);
759
+ $start = $start[1];
760
+ $end = $this->reduce($for->end, true);
761
+ $end = $end[1];
762
+ $d = $start < $end ? 1 : -1;
763
+
764
+ while (true) {
765
+ if ((!$for->until && $start - $d == $end) ||
766
+ ($for->until && $start == $end))
767
+ {
768
+ break;
769
+ }
770
+
771
+ $this->set($for->var, array('number', $start, ''));
772
+ $start += $d;
773
+
774
+ $ret = $this->compileChildren($for->children, $out);
775
+ if ($ret) return $ret;
776
+ }
777
+
778
+ break;
779
+ case 'nestedprop':
780
+ list(,$prop) = $child;
781
+ $prefixed = array();
782
+ $prefix = $this->compileValue($prop->prefix) . '-';
783
+ foreach ($prop->children as $child) {
784
+ if ($child[0] == 'assign') {
785
+ array_unshift($child[1][2], $prefix);
786
+ }
787
+ if ($child[0] == 'nestedprop') {
788
+ array_unshift($child[1]->prefix[2], $prefix);
789
+ }
790
+ $prefixed[] = $child;
791
+ }
792
+ $this->compileChildren($prefixed, $out);
793
+ break;
794
+ case 'include': // including a mixin
795
+ list(,$name, $argValues, $content) = $child;
796
+ $mixin = $this->get(self::$namespaces['mixin'] . $name, false);
797
+ if (!$mixin) {
798
+ $this->throwError("Undefined mixin $name");
799
+ }
800
+
801
+ $callingScope = $this->env;
802
+
803
+ // push scope, apply args
804
+ $this->pushEnv();
805
+ if ($this->env->depth > 0) {
806
+ $this->env->depth--;
807
+ }
808
+
809
+ if (isset($content)) {
810
+ $content->scope = $callingScope;
811
+ $this->setRaw(self::$namespaces['special'] . 'content', $content);
812
+ }
813
+
814
+ if (isset($mixin->args)) {
815
+ $this->applyArguments($mixin->args, $argValues);
816
+ }
817
+
818
+ foreach ($mixin->children as $child) {
819
+ $this->compileChild($child, $out);
820
+ }
821
+
822
+ $this->popEnv();
823
+
824
+ break;
825
+ case 'mixin_content':
826
+ $content = $this->get(self::$namespaces['special'] . 'content');
827
+ if (!isset($content)) {
828
+ $this->throwError('Expected @content inside of mixin');
829
+ }
830
+
831
+ $strongTypes = array('include', 'block', 'for', 'while');
832
+ foreach ($content->children as $child) {
833
+ $this->storeEnv = (in_array($child[0], $strongTypes))
834
+ ? null
835
+ : $content->scope;
836
+
837
+ $this->compileChild($child, $out);
838
+ }
839
+
840
+ unset($this->storeEnv);
841
+ break;
842
+ case 'debug':
843
+ list(,$value, $pos) = $child;
844
+ $line = $this->parser->getLineNo($pos);
845
+ $value = $this->compileValue($this->reduce($value, true));
846
+ fwrite(STDERR, "Line $line DEBUG: $value\n");
847
+ break;
848
+ default:
849
+ $this->throwError("unknown child type: $child[0]");
850
+ }
851
+ }
852
+
853
+ protected function expToString($exp) {
854
+ list(, $op, $left, $right, $inParens, $whiteLeft, $whiteRight) = $exp;
855
+ $content = array($this->reduce($left));
856
+ if ($whiteLeft) $content[] = ' ';
857
+ $content[] = $op;
858
+ if ($whiteRight) $content[] = ' ';
859
+ $content[] = $this->reduce($right);
860
+ return array('string', '', $content);
861
+ }
862
+
863
+ protected function isTruthy($value) {
864
+ return $value != self::$false && $value != self::$null;
865
+ }
866
+
867
+ // should $value cause its operand to eval
868
+ protected function shouldEval($value) {
869
+ switch ($value[0]) {
870
+ case 'exp':
871
+ if ($value[1] == '/') {
872
+ return $this->shouldEval($value[2], $value[3]);
873
+ }
874
+ case 'var':
875
+ case 'fncall':
876
+ return true;
877
+ }
878
+ return false;
879
+ }
880
+
881
+ protected function reduce($value, $inExp = false) {
882
+ list($type) = $value;
883
+ switch ($type) {
884
+ case 'exp':
885
+ list(, $op, $left, $right, $inParens) = $value;
886
+ $opName = isset(self::$operatorNames[$op]) ? self::$operatorNames[$op] : $op;
887
+
888
+ $inExp = $inExp || $this->shouldEval($left) || $this->shouldEval($right);
889
+
890
+ $left = $this->reduce($left, true);
891
+ $right = $this->reduce($right, true);
892
+
893
+ // only do division in special cases
894
+ if ($opName == 'div' && !$inParens && !$inExp) {
895
+ if ($left[0] != 'color' && $right[0] != 'color') {
896
+ return $this->expToString($value);
897
+ }
898
+ }
899
+
900
+ $left = $this->coerceForExpression($left);
901
+ $right = $this->coerceForExpression($right);
902
+
903
+ $ltype = $left[0];
904
+ $rtype = $right[0];
905
+
906
+ // this tries:
907
+ // 1. op_[op name]_[left type]_[right type]
908
+ // 2. op_[left type]_[right type] (passing the op as first arg
909
+ // 3. op_[op name]
910
+ $fn = "op_${opName}_${ltype}_${rtype}";
911
+ if (is_callable(array($this, $fn)) ||
912
+ (($fn = "op_${ltype}_${rtype}") &&
913
+ is_callable(array($this, $fn)) &&
914
+ $passOp = true) ||
915
+ (($fn = "op_${opName}") &&
916
+ is_callable(array($this, $fn)) &&
917
+ $genOp = true))
918
+ {
919
+ $unitChange = false;
920
+ if (!isset($genOp) &&
921
+ $left[0] == 'number' && $right[0] == 'number')
922
+ {
923
+ if ($opName == 'mod' && $right[2] != '') {
924
+ $this->throwError("Cannot modulo by a number with units: $right[1]$right[2].");
925
+ }
926
+
927
+ $unitChange = true;
928
+ $emptyUnit = $left[2] == '' || $right[2] == '';
929
+ $targetUnit = '' != $left[2] ? $left[2] : $right[2];
930
+
931
+ if ($opName != 'mul') {
932
+ $left[2] = '' != $left[2] ? $left[2] : $targetUnit;
933
+ $right[2] = '' != $right[2] ? $right[2] : $targetUnit;
934
+ }
935
+
936
+ if ($opName != 'mod') {
937
+ $left = $this->normalizeNumber($left);
938
+ $right = $this->normalizeNumber($right);
939
+ }
940
+
941
+ if ($opName == 'div' && !$emptyUnit && $left[2] == $right[2]) {
942
+ $targetUnit = '';
943
+ }
944
+
945
+ if ($opName == 'mul') {
946
+ $left[2] = '' != $left[2] ? $left[2] : $right[2];
947
+ $right[2] = '' != $right[2] ? $right[2] : $left[2];
948
+ } elseif ($opName == 'div' && $left[2] == $right[2]) {
949
+ $left[2] = '';
950
+ $right[2] = '';
951
+ }
952
+ }
953
+
954
+ $shouldEval = $inParens || $inExp;
955
+ if (isset($passOp)) {
956
+ $out = $this->$fn($op, $left, $right, $shouldEval);
957
+ } else {
958
+ $out = $this->$fn($left, $right, $shouldEval);
959
+ }
960
+
961
+ if (isset($out)) {
962
+ if ($unitChange && $out[0] == 'number') {
963
+ $out = $this->coerceUnit($out, $targetUnit);
964
+ }
965
+ return $out;
966
+ }
967
+ }
968
+
969
+ return $this->expToString($value);
970
+ case 'unary':
971
+ list(, $op, $exp, $inParens) = $value;
972
+ $inExp = $inExp || $this->shouldEval($exp);
973
+
974
+ $exp = $this->reduce($exp);
975
+ if ($exp[0] == 'number') {
976
+ switch ($op) {
977
+ case '+':
978
+ return $exp;
979
+ case '-':
980
+ $exp[1] *= -1;
981
+ return $exp;
982
+ }
983
+ }
984
+
985
+ if ($op == 'not') {
986
+ if ($inExp || $inParens) {
987
+ if ($exp == self::$false) {
988
+ return self::$true;
989
+ } else {
990
+ return self::$false;
991
+ }
992
+ } else {
993
+ $op = $op . ' ';
994
+ }
995
+ }
996
+
997
+ return array('string', '', array($op, $exp));
998
+ case 'var':
999
+ list(, $name) = $value;
1000
+ return $this->reduce($this->get($name));
1001
+ case 'list':
1002
+ foreach ($value[2] as &$item) {
1003
+ $item = $this->reduce($item);
1004
+ }
1005
+ return $value;
1006
+ case 'string':
1007
+ foreach ($value[2] as &$item) {
1008
+ if (is_array($item)) {
1009
+ $item = $this->reduce($item);
1010
+ }
1011
+ }
1012
+ return $value;
1013
+ case 'interpolate':
1014
+ $value[1] = $this->reduce($value[1]);
1015
+ return $value;
1016
+ case 'fncall':
1017
+ list(,$name, $argValues) = $value;
1018
+
1019
+ // user defined function?
1020
+ $func = $this->get(self::$namespaces['function'] . $name, false);
1021
+ if ($func) {
1022
+ $this->pushEnv();
1023
+
1024
+ // set the args
1025
+ if (isset($func->args)) {
1026
+ $this->applyArguments($func->args, $argValues);
1027
+ }
1028
+
1029
+ // throw away lines and children
1030
+ $tmp = (object)array(
1031
+ 'lines' => array(),
1032
+ 'children' => array()
1033
+ );
1034
+ $ret = $this->compileChildren($func->children, $tmp);
1035
+ $this->popEnv();
1036
+
1037
+ return !isset($ret) ? self::$defaultValue : $ret;
1038
+ }
1039
+
1040
+ // built in function
1041
+ if ($this->callBuiltin($name, $argValues, $returnValue)) {
1042
+ return $returnValue;
1043
+ }
1044
+
1045
+ // need to flatten the arguments into a list
1046
+ $listArgs = array();
1047
+ foreach ((array)$argValues as $arg) {
1048
+ if (empty($arg[0])) {
1049
+ $listArgs[] = $this->reduce($arg[1]);
1050
+ }
1051
+ }
1052
+ return array('function', $name, array('list', ',', $listArgs));
1053
+ default:
1054
+ return $value;
1055
+ }
1056
+ }
1057
+
1058
+ public function normalizeValue($value) {
1059
+ $value = $this->coerceForExpression($this->reduce($value));
1060
+ list($type) = $value;
1061
+
1062
+ switch ($type) {
1063
+ case 'list':
1064
+ $value = $this->extractInterpolation($value);
1065
+ if ($value[0] != 'list') {
1066
+ return array('keyword', $this->compileValue($value));
1067
+ }
1068
+ foreach ($value[2] as $key => $item) {
1069
+ $value[2][$key] = $this->normalizeValue($item);
1070
+ }
1071
+ return $value;
1072
+ case 'number':
1073
+ return $this->normalizeNumber($value);
1074
+ default:
1075
+ return $value;
1076
+ }
1077
+ }
1078
+
1079
+ // just does physical lengths for now
1080
+ protected function normalizeNumber($number) {
1081
+ list(, $value, $unit) = $number;
1082
+ if (isset(self::$unitTable['in'][$unit])) {
1083
+ $conv = self::$unitTable['in'][$unit];
1084
+ return array('number', $value / $conv, 'in');
1085
+ }
1086
+ return $number;
1087
+ }
1088
+
1089
+ // $number should be normalized
1090
+ protected function coerceUnit($number, $unit) {
1091
+ list(, $value, $baseUnit) = $number;
1092
+ if (isset(self::$unitTable[$baseUnit][$unit])) {
1093
+ $value = $value * self::$unitTable[$baseUnit][$unit];
1094
+ }
1095
+
1096
+ return array('number', $value, $unit);
1097
+ }
1098
+
1099
+ protected function op_add_number_number($left, $right) {
1100
+ return array('number', $left[1] + $right[1], $left[2]);
1101
+ }
1102
+
1103
+ protected function op_mul_number_number($left, $right) {
1104
+ return array('number', $left[1] * $right[1], $left[2]);
1105
+ }
1106
+
1107
+ protected function op_sub_number_number($left, $right) {
1108
+ return array('number', $left[1] - $right[1], $left[2]);
1109
+ }
1110
+
1111
+ protected function op_div_number_number($left, $right) {
1112
+ return array('number', $left[1] / $right[1], $left[2]);
1113
+ }
1114
+
1115
+ protected function op_mod_number_number($left, $right) {
1116
+ return array('number', $left[1] % $right[1], $left[2]);
1117
+ }
1118
+
1119
+ // adding strings
1120
+ protected function op_add($left, $right) {
1121
+ if ($strLeft = $this->coerceString($left)) {
1122
+ if ($right[0] == 'string') {
1123
+ $right[1] = '';
1124
+ }
1125
+ $strLeft[2][] = $right;
1126
+ return $strLeft;
1127
+ }
1128
+
1129
+ if ($strRight = $this->coerceString($right)) {
1130
+ if ($left[0] == 'string') {
1131
+ $left[1] = '';
1132
+ }
1133
+ array_unshift($strRight[2], $left);
1134
+ return $strRight;
1135
+ }
1136
+ }
1137
+
1138
+ protected function op_and($left, $right, $shouldEval) {
1139
+ if (!$shouldEval) return;
1140
+ if ($left != self::$false) return $right;
1141
+ return $left;
1142
+ }
1143
+
1144
+ protected function op_or($left, $right, $shouldEval) {
1145
+ if (!$shouldEval) return;
1146
+ if ($left != self::$false) return $left;
1147
+ return $right;
1148
+ }
1149
+
1150
+ protected function op_color_color($op, $left, $right) {
1151
+ $out = array('color');
1152
+ foreach (range(1, 3) as $i) {
1153
+ $lval = isset($left[$i]) ? $left[$i] : 0;
1154
+ $rval = isset($right[$i]) ? $right[$i] : 0;
1155
+ switch ($op) {
1156
+ case '+':
1157
+ $out[] = $lval + $rval;
1158
+ break;
1159
+ case '-':
1160
+ $out[] = $lval - $rval;
1161
+ break;
1162
+ case '*':
1163
+ $out[] = $lval * $rval;
1164
+ break;
1165
+ case '%':
1166
+ $out[] = $lval % $rval;
1167
+ break;
1168
+ case '/':
1169
+ if ($rval == 0) {
1170
+ $this->throwError("color: Can't divide by zero");
1171
+ }
1172
+ $out[] = $lval / $rval;
1173
+ break;
1174
+ case '==':
1175
+ return $this->op_eq($left, $right);
1176
+ case '!=':
1177
+ return $this->op_neq($left, $right);
1178
+ default:
1179
+ $this->throwError("color: unknown op $op");
1180
+ }
1181
+ }
1182
+
1183
+ if (isset($left[4])) $out[4] = $left[4];
1184
+ elseif (isset($right[4])) $out[4] = $right[4];
1185
+
1186
+ return $this->fixColor($out);
1187
+ }
1188
+
1189
+ protected function op_color_number($op, $left, $right) {
1190
+ $value = $right[1];
1191
+ return $this->op_color_color($op, $left,
1192
+ array('color', $value, $value, $value));
1193
+ }
1194
+
1195
+ protected function op_number_color($op, $left, $right) {
1196
+ $value = $left[1];
1197
+ return $this->op_color_color($op,
1198
+ array('color', $value, $value, $value), $right);
1199
+ }
1200
+
1201
+ protected function op_eq($left, $right) {
1202
+ if (($lStr = $this->coerceString($left)) && ($rStr = $this->coerceString($right))) {
1203
+ $lStr[1] = '';
1204
+ $rStr[1] = '';
1205
+ return $this->toBool($this->compileValue($lStr) == $this->compileValue($rStr));
1206
+ }
1207
+
1208
+ return $this->toBool($left == $right);
1209
+ }
1210
+
1211
+ protected function op_neq($left, $right) {
1212
+ return $this->toBool($left != $right);
1213
+ }
1214
+
1215
+ protected function op_gte_number_number($left, $right) {
1216
+ return $this->toBool($left[1] >= $right[1]);
1217
+ }
1218
+
1219
+ protected function op_gt_number_number($left, $right) {
1220
+ return $this->toBool($left[1] > $right[1]);
1221
+ }
1222
+
1223
+ protected function op_lte_number_number($left, $right) {
1224
+ return $this->toBool($left[1] <= $right[1]);
1225
+ }
1226
+
1227
+ protected function op_lt_number_number($left, $right) {
1228
+ return $this->toBool($left[1] < $right[1]);
1229
+ }
1230
+
1231
+ public function toBool($thing) {
1232
+ return $thing ? self::$true : self::$false;
1233
+ }
1234
+
1235
+ /**
1236
+ * Compiles a primitive value into a CSS property value.
1237
+ *
1238
+ * Values in scssphp are typed by being wrapped in arrays, their format is
1239
+ * typically:
1240
+ *
1241
+ * array(type, contents [, additional_contents]*)
1242
+ *
1243
+ * The input is expected to be reduced. This function will not work on
1244
+ * things like expressions and variables.
1245
+ *
1246
+ * @param array $value
1247
+ */
1248
+ protected function compileValue($value) {
1249
+ $value = $this->reduce($value);
1250
+
1251
+ list($type) = $value;
1252
+ switch ($type) {
1253
+ case 'keyword':
1254
+ return $value[1];
1255
+ case 'color':
1256
+ // [1] - red component (either number for a %)
1257
+ // [2] - green component
1258
+ // [3] - blue component
1259
+ // [4] - optional alpha component
1260
+ list(, $r, $g, $b) = $value;
1261
+
1262
+ $r = round($r);
1263
+ $g = round($g);
1264
+ $b = round($b);
1265
+
1266
+ if (count($value) == 5 && $value[4] != 1) { // rgba
1267
+ return 'rgba('.$r.', '.$g.', '.$b.', '.$value[4].')';
1268
+ }
1269
+
1270
+ $h = sprintf('#%02x%02x%02x', $r, $g, $b);
1271
+
1272
+ // Converting hex color to short notation (e.g. #003399 to #039)
1273
+ if ($h[1] === $h[2] && $h[3] === $h[4] && $h[5] === $h[6]) {
1274
+ $h = '#' . $h[1] . $h[3] . $h[5];
1275
+ }
1276
+
1277
+ return $h;
1278
+ case 'number':
1279
+ return round($value[1], $this->numberPrecision) . $value[2];
1280
+ case 'string':
1281
+ return $value[1] . $this->compileStringContent($value) . $value[1];
1282
+ case 'function':
1283
+ $args = !empty($value[2]) ? $this->compileValue($value[2]) : '';
1284
+ return "$value[1]($args)";
1285
+ case 'list':
1286
+ $value = $this->extractInterpolation($value);
1287
+ if ($value[0] != 'list') return $this->compileValue($value);
1288
+
1289
+ list(, $delim, $items) = $value;
1290
+
1291
+ $filtered = array();
1292
+ foreach ($items as $item) {
1293
+ if ($item[0] == 'null') continue;
1294
+ $filtered[] = $this->compileValue($item);
1295
+ }
1296
+
1297
+ return implode("$delim ", $filtered);
1298
+ case 'interpolated': # node created by extractInterpolation
1299
+ list(, $interpolate, $left, $right) = $value;
1300
+ list(,, $whiteLeft, $whiteRight) = $interpolate;
1301
+
1302
+ $left = count($left[2]) > 0 ?
1303
+ $this->compileValue($left).$whiteLeft : '';
1304
+
1305
+ $right = count($right[2]) > 0 ?
1306
+ $whiteRight.$this->compileValue($right) : '';
1307
+
1308
+ return $left.$this->compileValue($interpolate).$right;
1309
+
1310
+ case 'interpolate': # raw parse node
1311
+ list(, $exp) = $value;
1312
+
1313
+ // strip quotes if it's a string
1314
+ $reduced = $this->reduce($exp);
1315
+ switch ($reduced[0]) {
1316
+ case 'string':
1317
+ $reduced = array('keyword',
1318
+ $this->compileStringContent($reduced));
1319
+ break;
1320
+ case 'null':
1321
+ $reduced = array('keyword', '');
1322
+ }
1323
+
1324
+ return $this->compileValue($reduced);
1325
+ case 'null':
1326
+ return 'null';
1327
+ default:
1328
+ $this->throwError("unknown value type: $type");
1329
+ }
1330
+ }
1331
+
1332
+ protected function compileStringContent($string) {
1333
+ $parts = array();
1334
+ foreach ($string[2] as $part) {
1335
+ if (is_array($part)) {
1336
+ $parts[] = $this->compileValue($part);
1337
+ } else {
1338
+ $parts[] = $part;
1339
+ }
1340
+ }
1341
+
1342
+ return implode($parts);
1343
+ }
1344
+
1345
+ // doesn't need to be recursive, compileValue will handle that
1346
+ protected function extractInterpolation($list) {
1347
+ $items = $list[2];
1348
+ foreach ($items as $i => $item) {
1349
+ if ($item[0] == 'interpolate') {
1350
+ $before = array('list', $list[1], array_slice($items, 0, $i));
1351
+ $after = array('list', $list[1], array_slice($items, $i + 1));
1352
+ return array('interpolated', $item, $before, $after);
1353
+ }
1354
+ }
1355
+ return $list;
1356
+ }
1357
+
1358
+ // find the final set of selectors
1359
+ protected function multiplySelectors($env) {
1360
+ $envs = array();
1361
+ while (null !== $env) {
1362
+ if (!empty($env->selectors)) {
1363
+ $envs[] = $env;
1364
+ }
1365
+ $env = $env->parent;
1366
+ };
1367
+
1368
+ $selectors = array();
1369
+ $parentSelectors = array(array());
1370
+ while ($env = array_pop($envs)) {
1371
+ $selectors = array();
1372
+ foreach ($env->selectors as $selector) {
1373
+ foreach ($parentSelectors as $parent) {
1374
+ $selectors[] = $this->joinSelectors($parent, $selector);
1375
+ }
1376
+ }
1377
+ $parentSelectors = $selectors;
1378
+ }
1379
+
1380
+ return $selectors;
1381
+ }
1382
+
1383
+ // looks for & to replace, or append parent before child
1384
+ protected function joinSelectors($parent, $child) {
1385
+ $setSelf = false;
1386
+ $out = array();
1387
+ foreach ($child as $part) {
1388
+ $newPart = array();
1389
+ foreach ($part as $p) {
1390
+ if ($p == self::$selfSelector) {
1391
+ $setSelf = true;
1392
+ foreach ($parent as $i => $parentPart) {
1393
+ if ($i > 0) {
1394
+ $out[] = $newPart;
1395
+ $newPart = array();
1396
+ }
1397
+
1398
+ foreach ($parentPart as $pp) {
1399
+ $newPart[] = $pp;
1400
+ }
1401
+ }
1402
+ } else {
1403
+ $newPart[] = $p;
1404
+ }
1405
+ }
1406
+
1407
+ $out[] = $newPart;
1408
+ }
1409
+
1410
+ return $setSelf ? $out : array_merge($parent, $child);
1411
+ }
1412
+
1413
+ protected function multiplyMedia($env, $childQueries = null) {
1414
+ if (!isset($env) ||
1415
+ !empty($env->block->type) && $env->block->type != 'media')
1416
+ {
1417
+ return $childQueries;
1418
+ }
1419
+
1420
+ // plain old block, skip
1421
+ if (empty($env->block->type)) {
1422
+ return $this->multiplyMedia($env->parent, $childQueries);
1423
+ }
1424
+
1425
+ $parentQueries = $env->block->queryList;
1426
+ if ($childQueries == null) {
1427
+ $childQueries = $parentQueries;
1428
+ } else {
1429
+ $originalQueries = $childQueries;
1430
+ $childQueries = array();
1431
+
1432
+ foreach ($parentQueries as $parentQuery){
1433
+ foreach ($originalQueries as $childQuery) {
1434
+ $childQueries []= array_merge($parentQuery, $childQuery);
1435
+ }
1436
+ }
1437
+ }
1438
+
1439
+ return $this->multiplyMedia($env->parent, $childQueries);
1440
+ }
1441
+
1442
+ // convert something to list
1443
+ protected function coerceList($item, $delim = ',') {
1444
+ if (isset($item) && $item[0] == 'list') {
1445
+ return $item;
1446
+ }
1447
+
1448
+ return array('list', $delim, !isset($item) ? array(): array($item));
1449
+ }
1450
+
1451
+ protected function applyArguments($argDef, $argValues) {
1452
+ $storeEnv = $this->getStoreEnv();
1453
+
1454
+ $env = new stdClass;
1455
+ $env->store = $storeEnv->store;
1456
+
1457
+ $hasVariable = false;
1458
+ $args = array();
1459
+ foreach ($argDef as $i => $arg) {
1460
+ list($name, $default, $isVariable) = $argDef[$i];
1461
+ $args[$name] = array($i, $name, $default, $isVariable);
1462
+ $hasVariable |= $isVariable;
1463
+ }
1464
+
1465
+ $keywordArgs = array();
1466
+ $deferredKeywordArgs = array();
1467
+ $remaining = array();
1468
+ // assign the keyword args
1469
+ foreach ((array) $argValues as $arg) {
1470
+ if (!empty($arg[0])) {
1471
+ if (!isset($args[$arg[0][1]])) {
1472
+ if ($hasVariable) {
1473
+ $deferredKeywordArgs[$arg[0][1]] = $arg[1];
1474
+ } else {
1475
+ $this->throwError("Mixin or function doesn't have an argument named $%s.", $arg[0][1]);
1476
+ }
1477
+ } elseif ($args[$arg[0][1]][0] < count($remaining)) {
1478
+ $this->throwError("The argument $%s was passed both by position and by name.", $arg[0][1]);
1479
+ } else {
1480
+ $keywordArgs[$arg[0][1]] = $arg[1];
1481
+ }
1482
+ } elseif (count($keywordArgs)) {
1483
+ $this->throwError('Positional arguments must come before keyword arguments.');
1484
+ } elseif ($arg[2] == true) {
1485
+ $val = $this->reduce($arg[1], true);
1486
+ if ($val[0] == 'list') {
1487
+ foreach ($val[2] as $name => $item) {
1488
+ if (!is_numeric($name)) {
1489
+ $keywordArgs[$name] = $item;
1490
+ } else {
1491
+ $remaining[] = $item;
1492
+ }
1493
+ }
1494
+ } else {
1495
+ $remaining[] = $val;
1496
+ }
1497
+ } else {
1498
+ $remaining[] = $arg[1];
1499
+ }
1500
+ }
1501
+
1502
+ foreach ($args as $arg) {
1503
+ list($i, $name, $default, $isVariable) = $arg;
1504
+
1505
+ if ($isVariable) {
1506
+ $val = array('list', ',', array());
1507
+ for ($count = count($remaining); $i < $count; $i++) {
1508
+ $val[2][] = $remaining[$i];
1509
+ }
1510
+ foreach ($deferredKeywordArgs as $itemName => $item) {
1511
+ $val[2][$itemName] = $item;
1512
+ }
1513
+ } elseif (isset($remaining[$i])) {
1514
+ $val = $remaining[$i];
1515
+ } elseif (isset($keywordArgs[$name])) {
1516
+ $val = $keywordArgs[$name];
1517
+ } elseif (!empty($default)) {
1518
+ continue;
1519
+ } else {
1520
+ $this->throwError("Missing argument $name");
1521
+ }
1522
+
1523
+ $this->set($name, $this->reduce($val, true), true, $env);
1524
+ }
1525
+
1526
+ $storeEnv->store = $env->store;
1527
+
1528
+ foreach ($args as $arg) {
1529
+ list($i, $name, $default, $isVariable) = $arg;
1530
+
1531
+ if ($isVariable || isset($remaining[$i]) || isset($keywordArgs[$name]) || empty($default)) {
1532
+ continue;
1533
+ }
1534
+
1535
+ $this->set($name, $this->reduce($default, true), true);
1536
+ }
1537
+ }
1538
+
1539
+ protected function pushEnv($block=null) {
1540
+ $env = new stdClass;
1541
+ $env->parent = $this->env;
1542
+ $env->store = array();
1543
+ $env->block = $block;
1544
+ $env->depth = isset($this->env->depth) ? $this->env->depth + 1 : 0;
1545
+
1546
+ $this->env = $env;
1547
+ return $env;
1548
+ }
1549
+
1550
+ protected function normalizeName($name) {
1551
+ return str_replace('-', '_', $name);
1552
+ }
1553
+
1554
+ protected function getStoreEnv() {
1555
+ return isset($this->storeEnv) ? $this->storeEnv : $this->env;
1556
+ }
1557
+
1558
+ protected function set($name, $value, $shadow=false, $env = null) {
1559
+ $name = $this->normalizeName($name);
1560
+
1561
+ if ($shadow) {
1562
+ $this->setRaw($name, $value, $env);
1563
+ } else {
1564
+ $this->setExisting($name, $value, $env);
1565
+ }
1566
+ }
1567
+
1568
+ protected function setExisting($name, $value, $env = null) {
1569
+ if (!isset($env)) $env = $this->getStoreEnv();
1570
+
1571
+ if (isset($env->store[$name]) || !isset($env->parent)) {
1572
+ $env->store[$name] = $value;
1573
+ } else {
1574
+ $this->setExisting($name, $value, $env->parent);
1575
+ }
1576
+ }
1577
+
1578
+ protected function setRaw($name, $value, $env = null) {
1579
+ if (!isset($env)) $env = $this->getStoreEnv();
1580
+
1581
+ $env->store[$name] = $value;
1582
+ }
1583
+
1584
+ public function get($name, $defaultValue = null, $env = null) {
1585
+ $name = $this->normalizeName($name);
1586
+
1587
+ if (!isset($env)) $env = $this->getStoreEnv();
1588
+ if (!isset($defaultValue)) $defaultValue = self::$defaultValue;
1589
+
1590
+ if (isset($env->store[$name])) {
1591
+ return $env->store[$name];
1592
+ } elseif (isset($env->parent)) {
1593
+ return $this->get($name, $defaultValue, $env->parent);
1594
+ }
1595
+
1596
+ return $defaultValue; // found nothing
1597
+ }
1598
+
1599
+ protected function injectVariables(array $args)
1600
+ {
1601
+ if (empty($args)) {
1602
+ return;
1603
+ }
1604
+
1605
+ $parser = new scss_parser(__METHOD__, false);
1606
+
1607
+ foreach ($args as $name => $strValue) {
1608
+ if ($name[0] === '$') {
1609
+ $name = substr($name, 1);
1610
+ }
1611
+
1612
+ $parser->env = null;
1613
+ $parser->count = 0;
1614
+ $parser->buffer = (string) $strValue;
1615
+ $parser->inParens = false;
1616
+ $parser->eatWhiteDefault = true;
1617
+ $parser->insertComments = true;
1618
+
1619
+ if ( ! $parser->valueList($value)) {
1620
+ throw new Exception("failed to parse passed in variable $name: $strValue");
1621
+ }
1622
+
1623
+ $this->set($name, $value);
1624
+ }
1625
+ }
1626
+
1627
+ /**
1628
+ * Set variables
1629
+ *
1630
+ * @param array $variables
1631
+ */
1632
+ public function setVariables(array $variables)
1633
+ {
1634
+ $this->registeredVars = array_merge($this->registeredVars, $variables);
1635
+ }
1636
+
1637
+ /**
1638
+ * Unset variable
1639
+ *
1640
+ * @param string $name
1641
+ */
1642
+ public function unsetVariable($name)
1643
+ {
1644
+ unset($this->registeredVars[$name]);
1645
+ }
1646
+
1647
+ protected function popEnv() {
1648
+ $env = $this->env;
1649
+ $this->env = $this->env->parent;
1650
+ return $env;
1651
+ }
1652
+
1653
+ public function getParsedFiles() {
1654
+ return $this->parsedFiles;
1655
+ }
1656
+
1657
+ public function addImportPath($path) {
1658
+ $this->importPaths[] = $path;
1659
+ }
1660
+
1661
+ public function setImportPaths($path) {
1662
+ $this->importPaths = (array)$path;
1663
+ }
1664
+
1665
+ public function setNumberPrecision($numberPrecision) {
1666
+ $this->numberPrecision = $numberPrecision;
1667
+ }
1668
+
1669
+ public function setFormatter($formatterName) {
1670
+ $this->formatter = $formatterName;
1671
+ }
1672
+
1673
+ public function registerFunction($name, $func) {
1674
+ $this->userFunctions[$this->normalizeName($name)] = $func;
1675
+ }
1676
+
1677
+ public function unregisterFunction($name) {
1678
+ unset($this->userFunctions[$this->normalizeName($name)]);
1679
+ }
1680
+
1681
+ protected function importFile($path, $out) {
1682
+ // see if tree is cached
1683
+ $realPath = realpath($path);
1684
+ if (isset($this->importCache[$realPath])) {
1685
+ $tree = $this->importCache[$realPath];
1686
+ } else {
1687
+ $code = file_get_contents($path);
1688
+ $parser = new scss_parser($path, false);
1689
+ $tree = $parser->parse($code);
1690
+ $this->parsedFiles[] = $path;
1691
+
1692
+ $this->importCache[$realPath] = $tree;
1693
+ }
1694
+
1695
+ $pi = pathinfo($path);
1696
+ array_unshift($this->importPaths, $pi['dirname']);
1697
+ $this->compileChildren($tree->children, $out);
1698
+ array_shift($this->importPaths);
1699
+ }
1700
+
1701
+ // results the file path for an import url if it exists
1702
+ public function findImport($url) {
1703
+ $urls = array();
1704
+
1705
+ // for "normal" scss imports (ignore vanilla css and external requests)
1706
+ if (!preg_match('/\.css|^http:\/\/$/', $url)) {
1707
+ // try both normal and the _partial filename
1708
+ $urls = array($url, preg_replace('/[^\/]+$/', '_\0', $url));
1709
+ }
1710
+
1711
+ foreach ($this->importPaths as $dir) {
1712
+ if (is_string($dir)) {
1713
+ // check urls for normal import paths
1714
+ foreach ($urls as $full) {
1715
+ $full = $dir .
1716
+ (!empty($dir) && substr($dir, -1) != '/' ? '/' : '') .
1717
+ $full;
1718
+
1719
+ if ($this->fileExists($file = $full.'.scss') ||
1720
+ $this->fileExists($file = $full))
1721
+ {
1722
+ return $file;
1723
+ }
1724
+ }
1725
+ } else {
1726
+ // check custom callback for import path
1727
+ $file = call_user_func($dir,$url,$this);
1728
+ if ($file !== null) {
1729
+ return $file;
1730
+ }
1731
+ }
1732
+ }
1733
+
1734
+ return null;
1735
+ }
1736
+
1737
+ protected function fileExists($name) {
1738
+ return is_file($name);
1739
+ }
1740
+
1741
+ protected function callBuiltin($name, $args, &$returnValue) {
1742
+ // try a lib function
1743
+ $name = $this->normalizeName($name);
1744
+ $libName = 'lib_'.$name;
1745
+ $f = array($this, $libName);
1746
+ if (is_callable($f)) {
1747
+ $prototype = isset(self::$$libName) ? self::$$libName : null;
1748
+ $sorted = $this->sortArgs($prototype, $args);
1749
+ foreach ($sorted as &$val) {
1750
+ $val = $this->reduce($val, true);
1751
+ }
1752
+ $returnValue = call_user_func($f, $sorted, $this);
1753
+ } elseif (isset($this->userFunctions[$name])) {
1754
+ // see if we can find a user function
1755
+ $fn = $this->userFunctions[$name];
1756
+
1757
+ foreach ($args as &$val) {
1758
+ $val = $this->reduce($val[1], true);
1759
+ }
1760
+
1761
+ $returnValue = call_user_func($fn, $args, $this);
1762
+ }
1763
+
1764
+ if (isset($returnValue)) {
1765
+ // coerce a php value into a scss one
1766
+ if (is_numeric($returnValue)) {
1767
+ $returnValue = array('number', $returnValue, '');
1768
+ } elseif (is_bool($returnValue)) {
1769
+ $returnValue = $returnValue ? self::$true : self::$false;
1770
+ } elseif (!is_array($returnValue)) {
1771
+ $returnValue = array('keyword', $returnValue);
1772
+ }
1773
+
1774
+ return true;
1775
+ }
1776
+
1777
+ return false;
1778
+ }
1779
+
1780
+ // sorts any keyword arguments
1781
+ // TODO: merge with apply arguments
1782
+ protected function sortArgs($prototype, $args) {
1783
+ $keyArgs = array();
1784
+ $posArgs = array();
1785
+
1786
+ foreach ($args as $arg) {
1787
+ list($key, $value) = $arg;
1788
+ $key = $key[1];
1789
+ if (empty($key)) {
1790
+ $posArgs[] = $value;
1791
+ } else {
1792
+ $keyArgs[$key] = $value;
1793
+ }
1794
+ }
1795
+
1796
+ if (!isset($prototype)) return $posArgs;
1797
+
1798
+ $finalArgs = array();
1799
+ foreach ($prototype as $i => $names) {
1800
+ if (isset($posArgs[$i])) {
1801
+ $finalArgs[] = $posArgs[$i];
1802
+ continue;
1803
+ }
1804
+
1805
+ $set = false;
1806
+ foreach ((array)$names as $name) {
1807
+ if (isset($keyArgs[$name])) {
1808
+ $finalArgs[] = $keyArgs[$name];
1809
+ $set = true;
1810
+ break;
1811
+ }
1812
+ }
1813
+
1814
+ if (!$set) {
1815
+ $finalArgs[] = null;
1816
+ }
1817
+ }
1818
+
1819
+ return $finalArgs;
1820
+ }
1821
+
1822
+ protected function coerceForExpression($value) {
1823
+ if ($color = $this->coerceColor($value)) {
1824
+ return $color;
1825
+ }
1826
+
1827
+ return $value;
1828
+ }
1829
+
1830
+ protected function coerceColor($value) {
1831
+ switch ($value[0]) {
1832
+ case 'color': return $value;
1833
+ case 'keyword':
1834
+ $name = $value[1];
1835
+ if (isset(self::$cssColors[$name])) {
1836
+ $rgba = explode(',', self::$cssColors[$name]);
1837
+ return isset($rgba[3])
1838
+ ? array('color', (int) $rgba[0], (int) $rgba[1], (int) $rgba[2], (int) $rgba[3])
1839
+ : array('color', (int) $rgba[0], (int) $rgba[1], (int) $rgba[2]);
1840
+ }
1841
+ return null;
1842
+ }
1843
+
1844
+ return null;
1845
+ }
1846
+
1847
+ protected function coerceString($value) {
1848
+ switch ($value[0]) {
1849
+ case 'string':
1850
+ return $value;
1851
+ case 'keyword':
1852
+ return array('string', '', array($value[1]));
1853
+ }
1854
+ return null;
1855
+ }
1856
+
1857
+ public function assertList($value) {
1858
+ if ($value[0] != 'list')
1859
+ $this->throwError('expecting list');
1860
+ return $value;
1861
+ }
1862
+
1863
+ public function assertColor($value) {
1864
+ if ($color = $this->coerceColor($value)) return $color;
1865
+ $this->throwError('expecting color');
1866
+ }
1867
+
1868
+ public function assertNumber($value) {
1869
+ if ($value[0] != 'number')
1870
+ $this->throwError('expecting number');
1871
+ return $value[1];
1872
+ }
1873
+
1874
+ protected function coercePercent($value) {
1875
+ if ($value[0] == 'number') {
1876
+ if ($value[2] == '%') {
1877
+ return $value[1] / 100;
1878
+ }
1879
+ return $value[1];
1880
+ }
1881
+ return 0;
1882
+ }
1883
+
1884
+ // make sure a color's components don't go out of bounds
1885
+ protected function fixColor($c) {
1886
+ foreach (range(1, 3) as $i) {
1887
+ if ($c[$i] < 0) $c[$i] = 0;
1888
+ if ($c[$i] > 255) $c[$i] = 255;
1889
+ }
1890
+
1891
+ return $c;
1892
+ }
1893
+
1894
+ public function toHSL($red, $green, $blue) {
1895
+ $min = min($red, $green, $blue);
1896
+ $max = max($red, $green, $blue);
1897
+
1898
+ $l = $min + $max;
1899
+
1900
+ if ($min == $max) {
1901
+ $s = $h = 0;
1902
+ } else {
1903
+ $d = $max - $min;
1904
+
1905
+ if ($l < 255)
1906
+ $s = $d / $l;
1907
+ else
1908
+ $s = $d / (510 - $l);
1909
+
1910
+ if ($red == $max)
1911
+ $h = 60 * ($green - $blue) / $d;
1912
+ elseif ($green == $max)
1913
+ $h = 60 * ($blue - $red) / $d + 120;
1914
+ elseif ($blue == $max)
1915
+ $h = 60 * ($red - $green) / $d + 240;
1916
+ }
1917
+
1918
+ return array('hsl', fmod($h, 360), $s * 100, $l / 5.1);
1919
+ }
1920
+
1921
+ public function hueToRGB($m1, $m2, $h) {
1922
+ if ($h < 0)
1923
+ $h += 1;
1924
+ elseif ($h > 1)
1925
+ $h -= 1;
1926
+
1927
+ if ($h * 6 < 1)
1928
+ return $m1 + ($m2 - $m1) * $h * 6;
1929
+
1930
+ if ($h * 2 < 1)
1931
+ return $m2;
1932
+
1933
+ if ($h * 3 < 2)
1934
+ return $m1 + ($m2 - $m1) * (2/3 - $h) * 6;
1935
+
1936
+ return $m1;
1937
+ }
1938
+
1939
+ // H from 0 to 360, S and L from 0 to 100
1940
+ public function toRGB($hue, $saturation, $lightness) {
1941
+ if ($hue < 0) {
1942
+ $hue += 360;
1943
+ }
1944
+
1945
+ $h = $hue / 360;
1946
+ $s = min(100, max(0, $saturation)) / 100;
1947
+ $l = min(100, max(0, $lightness)) / 100;
1948
+
1949
+ $m2 = $l <= 0.5 ? $l * ($s + 1) : $l + $s - $l * $s;
1950
+ $m1 = $l * 2 - $m2;
1951
+
1952
+ $r = $this->hueToRGB($m1, $m2, $h + 1/3) * 255;
1953
+ $g = $this->hueToRGB($m1, $m2, $h) * 255;
1954
+ $b = $this->hueToRGB($m1, $m2, $h - 1/3) * 255;
1955
+
1956
+ $out = array('color', $r, $g, $b);
1957
+ return $out;
1958
+ }
1959
+
1960
+ // Built in functions
1961
+
1962
+ protected static $lib_if = array('condition', 'if-true', 'if-false');
1963
+ protected function lib_if($args) {
1964
+ list($cond,$t, $f) = $args;
1965
+ if (!$this->isTruthy($cond)) return $f;
1966
+ return $t;
1967
+ }
1968
+
1969
+ protected static $lib_index = array('list', 'value');
1970
+ protected function lib_index($args) {
1971
+ list($list, $value) = $args;
1972
+ $list = $this->assertList($list);
1973
+
1974
+ $values = array();
1975
+ foreach ($list[2] as $item) {
1976
+ $values[] = $this->normalizeValue($item);
1977
+ }
1978
+ $key = array_search($this->normalizeValue($value), $values);
1979
+
1980
+ return false === $key ? false : $key + 1;
1981
+ }
1982
+
1983
+ protected static $lib_rgb = array('red', 'green', 'blue');
1984
+ protected function lib_rgb($args) {
1985
+ list($r,$g,$b) = $args;
1986
+ return array('color', $r[1], $g[1], $b[1]);
1987
+ }
1988
+
1989
+ protected static $lib_rgba = array(
1990
+ array('red', 'color'),
1991
+ 'green', 'blue', 'alpha');
1992
+ protected function lib_rgba($args) {
1993
+ if ($color = $this->coerceColor($args[0])) {
1994
+ $num = !isset($args[1]) ? $args[3] : $args[1];
1995
+ $alpha = $this->assertNumber($num);
1996
+ $color[4] = $alpha;
1997
+ return $color;
1998
+ }
1999
+
2000
+ list($r,$g,$b, $a) = $args;
2001
+ return array('color', $r[1], $g[1], $b[1], $a[1]);
2002
+ }
2003
+
2004
+ // helper function for adjust_color, change_color, and scale_color
2005
+ protected function alter_color($args, $fn) {
2006
+ $color = $this->assertColor($args[0]);
2007
+
2008
+ foreach (array(1,2,3,7) as $i) {
2009
+ if (isset($args[$i])) {
2010
+ $val = $this->assertNumber($args[$i]);
2011
+ $ii = $i == 7 ? 4 : $i; // alpha
2012
+ $color[$ii] =
2013
+ $this->$fn(isset($color[$ii]) ? $color[$ii] : 0, $val, $i);
2014
+ }
2015
+ }
2016
+
2017
+ if (isset($args[4]) || isset($args[5]) || isset($args[6])) {
2018
+ $hsl = $this->toHSL($color[1], $color[2], $color[3]);
2019
+ foreach (array(4,5,6) as $i) {
2020
+ if (isset($args[$i])) {
2021
+ $val = $this->assertNumber($args[$i]);
2022
+ $hsl[$i - 3] = $this->$fn($hsl[$i - 3], $val, $i);
2023
+ }
2024
+ }
2025
+
2026
+ $rgb = $this->toRGB($hsl[1], $hsl[2], $hsl[3]);
2027
+ if (isset($color[4])) $rgb[4] = $color[4];
2028
+ $color = $rgb;
2029
+ }
2030
+
2031
+ return $color;
2032
+ }
2033
+
2034
+ protected static $lib_adjust_color = array(
2035
+ 'color', 'red', 'green', 'blue',
2036
+ 'hue', 'saturation', 'lightness', 'alpha'
2037
+ );
2038
+ protected function adjust_color_helper($base, $alter, $i) {
2039
+ return $base += $alter;
2040
+ }
2041
+ protected function lib_adjust_color($args) {
2042
+ return $this->alter_color($args, 'adjust_color_helper');
2043
+ }
2044
+
2045
+ protected static $lib_change_color = array(
2046
+ 'color', 'red', 'green', 'blue',
2047
+ 'hue', 'saturation', 'lightness', 'alpha'
2048
+ );
2049
+ protected function change_color_helper($base, $alter, $i) {
2050
+ return $alter;
2051
+ }
2052
+ protected function lib_change_color($args) {
2053
+ return $this->alter_color($args, 'change_color_helper');
2054
+ }
2055
+
2056
+ protected static $lib_scale_color = array(
2057
+ 'color', 'red', 'green', 'blue',
2058
+ 'hue', 'saturation', 'lightness', 'alpha'
2059
+ );
2060
+ protected function scale_color_helper($base, $scale, $i) {
2061
+ // 1,2,3 - rgb
2062
+ // 4, 5, 6 - hsl
2063
+ // 7 - a
2064
+ switch ($i) {
2065
+ case 1:
2066
+ case 2:
2067
+ case 3:
2068
+ $max = 255; break;
2069
+ case 4:
2070
+ $max = 360; break;
2071
+ case 7:
2072
+ $max = 1; break;
2073
+ default:
2074
+ $max = 100;
2075
+ }
2076
+
2077
+ $scale = $scale / 100;
2078
+ if ($scale < 0) {
2079
+ return $base * $scale + $base;
2080
+ } else {
2081
+ return ($max - $base) * $scale + $base;
2082
+ }
2083
+ }
2084
+ protected function lib_scale_color($args) {
2085
+ return $this->alter_color($args, 'scale_color_helper');
2086
+ }
2087
+
2088
+ protected static $lib_ie_hex_str = array('color');
2089
+ protected function lib_ie_hex_str($args) {
2090
+ $color = $this->coerceColor($args[0]);
2091
+ $color[4] = isset($color[4]) ? round(255*$color[4]) : 255;
2092
+
2093
+ return sprintf('#%02X%02X%02X%02X', $color[4], $color[1], $color[2], $color[3]);
2094
+ }
2095
+
2096
+ protected static $lib_red = array('color');
2097
+ protected function lib_red($args) {
2098
+ $color = $this->coerceColor($args[0]);
2099
+ return $color[1];
2100
+ }
2101
+
2102
+ protected static $lib_green = array('color');
2103
+ protected function lib_green($args) {
2104
+ $color = $this->coerceColor($args[0]);
2105
+ return $color[2];
2106
+ }
2107
+
2108
+ protected static $lib_blue = array('color');
2109
+ protected function lib_blue($args) {
2110
+ $color = $this->coerceColor($args[0]);
2111
+ return $color[3];
2112
+ }
2113
+
2114
+ protected static $lib_alpha = array('color');
2115
+ protected function lib_alpha($args) {
2116
+ if ($color = $this->coerceColor($args[0])) {
2117
+ return isset($color[4]) ? $color[4] : 1;
2118
+ }
2119
+
2120
+ // this might be the IE function, so return value unchanged
2121
+ return null;
2122
+ }
2123
+
2124
+ protected static $lib_opacity = array('color');
2125
+ protected function lib_opacity($args) {
2126
+ $value = $args[0];
2127
+ if ($value[0] === 'number') return null;
2128
+ return $this->lib_alpha($args);
2129
+ }
2130
+
2131
+ // mix two colors
2132
+ protected static $lib_mix = array('color-1', 'color-2', 'weight');
2133
+ protected function lib_mix($args) {
2134
+ list($first, $second, $weight) = $args;
2135
+ $first = $this->assertColor($first);
2136
+ $second = $this->assertColor($second);
2137
+
2138
+ if (!isset($weight)) {
2139
+ $weight = 0.5;
2140
+ } else {
2141
+ $weight = $this->coercePercent($weight);
2142
+ }
2143
+
2144
+ $firstAlpha = isset($first[4]) ? $first[4] : 1;
2145
+ $secondAlpha = isset($second[4]) ? $second[4] : 1;
2146
+
2147
+ $w = $weight * 2 - 1;
2148
+ $a = $firstAlpha - $secondAlpha;
2149
+
2150
+ $w1 = (($w * $a == -1 ? $w : ($w + $a)/(1 + $w * $a)) + 1) / 2.0;
2151
+ $w2 = 1.0 - $w1;
2152
+
2153
+ $new = array('color',
2154
+ $w1 * $first[1] + $w2 * $second[1],
2155
+ $w1 * $first[2] + $w2 * $second[2],
2156
+ $w1 * $first[3] + $w2 * $second[3],
2157
+ );
2158
+
2159
+ if ($firstAlpha != 1.0 || $secondAlpha != 1.0) {
2160
+ $new[] = $firstAlpha * $weight + $secondAlpha * ($weight - 1);
2161
+ }
2162
+
2163
+ return $this->fixColor($new);
2164
+ }
2165
+
2166
+ protected static $lib_hsl = array('hue', 'saturation', 'lightness');
2167
+ protected function lib_hsl($args) {
2168
+ list($h, $s, $l) = $args;
2169
+ return $this->toRGB($h[1], $s[1], $l[1]);
2170
+ }
2171
+
2172
+ protected static $lib_hsla = array('hue', 'saturation',
2173
+ 'lightness', 'alpha');
2174
+ protected function lib_hsla($args) {
2175
+ list($h, $s, $l, $a) = $args;
2176
+ $color = $this->toRGB($h[1], $s[1], $l[1]);
2177
+ $color[4] = $a[1];
2178
+ return $color;
2179
+ }
2180
+
2181
+ protected static $lib_hue = array('color');
2182
+ protected function lib_hue($args) {
2183
+ $color = $this->assertColor($args[0]);
2184
+ $hsl = $this->toHSL($color[1], $color[2], $color[3]);
2185
+ return array('number', $hsl[1], 'deg');
2186
+ }
2187
+
2188
+ protected static $lib_saturation = array('color');
2189
+ protected function lib_saturation($args) {
2190
+ $color = $this->assertColor($args[0]);
2191
+ $hsl = $this->toHSL($color[1], $color[2], $color[3]);
2192
+ return array('number', $hsl[2], '%');
2193
+ }
2194
+
2195
+ protected static $lib_lightness = array('color');
2196
+ protected function lib_lightness($args) {
2197
+ $color = $this->assertColor($args[0]);
2198
+ $hsl = $this->toHSL($color[1], $color[2], $color[3]);
2199
+ return array('number', $hsl[3], '%');
2200
+ }
2201
+
2202
+ protected function adjustHsl($color, $idx, $amount) {
2203
+ $hsl = $this->toHSL($color[1], $color[2], $color[3]);
2204
+ $hsl[$idx] += $amount;
2205
+ $out = $this->toRGB($hsl[1], $hsl[2], $hsl[3]);
2206
+ if (isset($color[4])) $out[4] = $color[4];
2207
+ return $out;
2208
+ }
2209
+
2210
+ protected static $lib_adjust_hue = array('color', 'degrees');
2211
+ protected function lib_adjust_hue($args) {
2212
+ $color = $this->assertColor($args[0]);
2213
+ $degrees = $this->assertNumber($args[1]);
2214
+ return $this->adjustHsl($color, 1, $degrees);
2215
+ }
2216
+
2217
+ protected static $lib_lighten = array('color', 'amount');
2218
+ protected function lib_lighten($args) {
2219
+ $color = $this->assertColor($args[0]);
2220
+ $amount = 100*$this->coercePercent($args[1]);
2221
+ return $this->adjustHsl($color, 3, $amount);
2222
+ }
2223
+
2224
+ protected static $lib_darken = array('color', 'amount');
2225
+ protected function lib_darken($args) {
2226
+ $color = $this->assertColor($args[0]);
2227
+ $amount = 100*$this->coercePercent($args[1]);
2228
+ return $this->adjustHsl($color, 3, -$amount);
2229
+ }
2230
+
2231
+ protected static $lib_saturate = array('color', 'amount');
2232
+ protected function lib_saturate($args) {
2233
+ $value = $args[0];
2234
+ if ($value[0] === 'number') return null;
2235
+ $color = $this->assertColor($value);
2236
+ $amount = 100*$this->coercePercent($args[1]);
2237
+ return $this->adjustHsl($color, 2, $amount);
2238
+ }
2239
+
2240
+ protected static $lib_desaturate = array('color', 'amount');
2241
+ protected function lib_desaturate($args) {
2242
+ $color = $this->assertColor($args[0]);
2243
+ $amount = 100*$this->coercePercent($args[1]);
2244
+ return $this->adjustHsl($color, 2, -$amount);
2245
+ }
2246
+
2247
+ protected static $lib_grayscale = array('color');
2248
+ protected function lib_grayscale($args) {
2249
+ $value = $args[0];
2250
+ if ($value[0] === 'number') return null;
2251
+ return $this->adjustHsl($this->assertColor($value), 2, -100);
2252
+ }
2253
+
2254
+ protected static $lib_complement = array('color');
2255
+ protected function lib_complement($args) {
2256
+ return $this->adjustHsl($this->assertColor($args[0]), 1, 180);
2257
+ }
2258
+
2259
+ protected static $lib_invert = array('color');
2260
+ protected function lib_invert($args) {
2261
+ $value = $args[0];
2262
+ if ($value[0] === 'number') return null;
2263
+ $color = $this->assertColor($value);
2264
+ $color[1] = 255 - $color[1];
2265
+ $color[2] = 255 - $color[2];
2266
+ $color[3] = 255 - $color[3];
2267
+ return $color;
2268
+ }
2269
+
2270
+ // increases opacity by amount
2271
+ protected static $lib_opacify = array('color', 'amount');
2272
+ protected function lib_opacify($args) {
2273
+ $color = $this->assertColor($args[0]);
2274
+ $amount = $this->coercePercent($args[1]);
2275
+
2276
+ $color[4] = (isset($color[4]) ? $color[4] : 1) + $amount;
2277
+ $color[4] = min(1, max(0, $color[4]));
2278
+ return $color;
2279
+ }
2280
+
2281
+ protected static $lib_fade_in = array('color', 'amount');
2282
+ protected function lib_fade_in($args) {
2283
+ return $this->lib_opacify($args);
2284
+ }
2285
+
2286
+ // decreases opacity by amount
2287
+ protected static $lib_transparentize = array('color', 'amount');
2288
+ protected function lib_transparentize($args) {
2289
+ $color = $this->assertColor($args[0]);
2290
+ $amount = $this->coercePercent($args[1]);
2291
+
2292
+ $color[4] = (isset($color[4]) ? $color[4] : 1) - $amount;
2293
+ $color[4] = min(1, max(0, $color[4]));
2294
+ return $color;
2295
+ }
2296
+
2297
+ protected static $lib_fade_out = array('color', 'amount');
2298
+ protected function lib_fade_out($args) {
2299
+ return $this->lib_transparentize($args);
2300
+ }
2301
+
2302
+ protected static $lib_unquote = array('string');
2303
+ protected function lib_unquote($args) {
2304
+ $str = $args[0];
2305
+ if ($str[0] == 'string') $str[1] = '';
2306
+ return $str;
2307
+ }
2308
+
2309
+ protected static $lib_quote = array('string');
2310
+ protected function lib_quote($args) {
2311
+ $value = $args[0];
2312
+ if ($value[0] == 'string' && !empty($value[1]))
2313
+ return $value;
2314
+ return array('string', '"', array($value));
2315
+ }
2316
+
2317
+ protected static $lib_percentage = array('value');
2318
+ protected function lib_percentage($args) {
2319
+ return array('number',
2320
+ $this->coercePercent($args[0]) * 100,
2321
+ '%');
2322
+ }
2323
+
2324
+ protected static $lib_round = array('value');
2325
+ protected function lib_round($args) {
2326
+ $num = $args[0];
2327
+ $num[1] = round($num[1]);
2328
+ return $num;
2329
+ }
2330
+
2331
+ protected static $lib_floor = array('value');
2332
+ protected function lib_floor($args) {
2333
+ $num = $args[0];
2334
+ $num[1] = floor($num[1]);
2335
+ return $num;
2336
+ }
2337
+
2338
+ protected static $lib_ceil = array('value');
2339
+ protected function lib_ceil($args) {
2340
+ $num = $args[0];
2341
+ $num[1] = ceil($num[1]);
2342
+ return $num;
2343
+ }
2344
+
2345
+ protected static $lib_abs = array('value');
2346
+ protected function lib_abs($args) {
2347
+ $num = $args[0];
2348
+ $num[1] = abs($num[1]);
2349
+ return $num;
2350
+ }
2351
+
2352
+ protected function lib_min($args) {
2353
+ $numbers = $this->getNormalizedNumbers($args);
2354
+ $min = null;
2355
+ foreach ($numbers as $key => $number) {
2356
+ if (null === $min || $number[1] <= $min[1]) {
2357
+ $min = array($key, $number[1]);
2358
+ }
2359
+ }
2360
+
2361
+ return $args[$min[0]];
2362
+ }
2363
+
2364
+ protected function lib_max($args) {
2365
+ $numbers = $this->getNormalizedNumbers($args);
2366
+ $max = null;
2367
+ foreach ($numbers as $key => $number) {
2368
+ if (null === $max || $number[1] >= $max[1]) {
2369
+ $max = array($key, $number[1]);
2370
+ }
2371
+ }
2372
+
2373
+ return $args[$max[0]];
2374
+ }
2375
+
2376
+ protected function getNormalizedNumbers($args) {
2377
+ $unit = null;
2378
+ $originalUnit = null;
2379
+ $numbers = array();
2380
+ foreach ($args as $key => $item) {
2381
+ if ('number' != $item[0]) {
2382
+ $this->throwError('%s is not a number', $item[0]);
2383
+ }
2384
+ $number = $this->normalizeNumber($item);
2385
+
2386
+ if (null === $unit) {
2387
+ $unit = $number[2];
2388
+ $originalUnit = $item[2];
2389
+ } elseif ($unit !== $number[2]) {
2390
+ $this->throwError('Incompatible units: "%s" and "%s".', $originalUnit, $item[2]);
2391
+ }
2392
+
2393
+ $numbers[$key] = $number;
2394
+ }
2395
+
2396
+ return $numbers;
2397
+ }
2398
+
2399
+ protected static $lib_length = array('list');
2400
+ protected function lib_length($args) {
2401
+ $list = $this->coerceList($args[0]);
2402
+ return count($list[2]);
2403
+ }
2404
+
2405
+ protected static $lib_nth = array('list', 'n');
2406
+ protected function lib_nth($args) {
2407
+ $list = $this->coerceList($args[0]);
2408
+ $n = $this->assertNumber($args[1]) - 1;
2409
+ return isset($list[2][$n]) ? $list[2][$n] : self::$defaultValue;
2410
+ }
2411
+
2412
+ protected function listSeparatorForJoin($list1, $sep) {
2413
+ if (!isset($sep)) return $list1[1];
2414
+ switch ($this->compileValue($sep)) {
2415
+ case 'comma':
2416
+ return ',';
2417
+ case 'space':
2418
+ return '';
2419
+ default:
2420
+ return $list1[1];
2421
+ }
2422
+ }
2423
+
2424
+ protected static $lib_join = array('list1', 'list2', 'separator');
2425
+ protected function lib_join($args) {
2426
+ list($list1, $list2, $sep) = $args;
2427
+ $list1 = $this->coerceList($list1, ' ');
2428
+ $list2 = $this->coerceList($list2, ' ');
2429
+ $sep = $this->listSeparatorForJoin($list1, $sep);
2430
+ return array('list', $sep, array_merge($list1[2], $list2[2]));
2431
+ }
2432
+
2433
+ protected static $lib_append = array('list', 'val', 'separator');
2434
+ protected function lib_append($args) {
2435
+ list($list1, $value, $sep) = $args;
2436
+ $list1 = $this->coerceList($list1, ' ');
2437
+ $sep = $this->listSeparatorForJoin($list1, $sep);
2438
+ return array('list', $sep, array_merge($list1[2], array($value)));
2439
+ }
2440
+
2441
+ protected function lib_zip($args) {
2442
+ foreach ($args as $arg) {
2443
+ $this->assertList($arg);
2444
+ }
2445
+
2446
+ $lists = array();
2447
+ $firstList = array_shift($args);
2448
+ foreach ($firstList[2] as $key => $item) {
2449
+ $list = array('list', '', array($item));
2450
+ foreach ($args as $arg) {
2451
+ if (isset($arg[2][$key])) {
2452
+ $list[2][] = $arg[2][$key];
2453
+ } else {
2454
+ break 2;
2455
+ }
2456
+ }
2457
+ $lists[] = $list;
2458
+ }
2459
+
2460
+ return array('list', ',', $lists);
2461
+ }
2462
+
2463
+ protected static $lib_type_of = array('value');
2464
+ protected function lib_type_of($args) {
2465
+ $value = $args[0];
2466
+ switch ($value[0]) {
2467
+ case 'keyword':
2468
+ if ($value == self::$true || $value == self::$false) {
2469
+ return 'bool';
2470
+ }
2471
+
2472
+ if ($this->coerceColor($value)) {
2473
+ return 'color';
2474
+ }
2475
+
2476
+ return 'string';
2477
+ default:
2478
+ return $value[0];
2479
+ }
2480
+ }
2481
+
2482
+ protected static $lib_unit = array('number');
2483
+ protected function lib_unit($args) {
2484
+ $num = $args[0];
2485
+ if ($num[0] == 'number') {
2486
+ return array('string', '"', array($num[2]));
2487
+ }
2488
+ return '';
2489
+ }
2490
+
2491
+ protected static $lib_unitless = array('number');
2492
+ protected function lib_unitless($args) {
2493
+ $value = $args[0];
2494
+ return $value[0] == 'number' && empty($value[2]);
2495
+ }
2496
+
2497
+ protected static $lib_comparable = array('number-1', 'number-2');
2498
+ protected function lib_comparable($args) {
2499
+ list($number1, $number2) = $args;
2500
+ if (!isset($number1[0]) || $number1[0] != 'number' || !isset($number2[0]) || $number2[0] != 'number') {
2501
+ $this->throwError('Invalid argument(s) for "comparable"');
2502
+ }
2503
+
2504
+ $number1 = $this->normalizeNumber($number1);
2505
+ $number2 = $this->normalizeNumber($number2);
2506
+
2507
+ return $number1[2] == $number2[2] || $number1[2] == '' || $number2[2] == '';
2508
+ }
2509
+
2510
+ /**
2511
+ * Workaround IE7's content counter bug.
2512
+ *
2513
+ * @param array $args
2514
+ */
2515
+ protected function lib_counter($args) {
2516
+ $list = array_map(array($this, 'compileValue'), $args);
2517
+ return array('string', '', array('counter(' . implode(',', $list) . ')'));
2518
+ }
2519
+
2520
+ public function throwError($msg = null) {
2521
+ if (func_num_args() > 1) {
2522
+ $msg = call_user_func_array('sprintf', func_get_args());
2523
+ }
2524
+
2525
+ if ($this->sourcePos >= 0 && isset($this->sourceParser)) {
2526
+ $this->sourceParser->throwParseError($msg, $this->sourcePos);
2527
+ }
2528
+
2529
+ throw new Exception($msg);
2530
+ }
2531
+
2532
+ /**
2533
+ * CSS Colors
2534
+ *
2535
+ * @see http://www.w3.org/TR/css3-color
2536
+ */
2537
+ static protected $cssColors = array(
2538
+ 'aliceblue' => '240,248,255',
2539
+ 'antiquewhite' => '250,235,215',
2540
+ 'aqua' => '0,255,255',
2541
+ 'aquamarine' => '127,255,212',
2542
+ 'azure' => '240,255,255',
2543
+ 'beige' => '245,245,220',
2544
+ 'bisque' => '255,228,196',
2545
+ 'black' => '0,0,0',
2546
+ 'blanchedalmond' => '255,235,205',
2547
+ 'blue' => '0,0,255',
2548
+ 'blueviolet' => '138,43,226',
2549
+ 'brown' => '165,42,42',
2550
+ 'burlywood' => '222,184,135',
2551
+ 'cadetblue' => '95,158,160',
2552
+ 'chartreuse' => '127,255,0',
2553
+ 'chocolate' => '210,105,30',
2554
+ 'coral' => '255,127,80',
2555
+ 'cornflowerblue' => '100,149,237',
2556
+ 'cornsilk' => '255,248,220',
2557
+ 'crimson' => '220,20,60',
2558
+ 'cyan' => '0,255,255',
2559
+ 'darkblue' => '0,0,139',
2560
+ 'darkcyan' => '0,139,139',
2561
+ 'darkgoldenrod' => '184,134,11',
2562
+ 'darkgray' => '169,169,169',
2563
+ 'darkgreen' => '0,100,0',
2564
+ 'darkgrey' => '169,169,169',
2565
+ 'darkkhaki' => '189,183,107',
2566
+ 'darkmagenta' => '139,0,139',
2567
+ 'darkolivegreen' => '85,107,47',
2568
+ 'darkorange' => '255,140,0',
2569
+ 'darkorchid' => '153,50,204',
2570
+ 'darkred' => '139,0,0',
2571
+ 'darksalmon' => '233,150,122',
2572
+ 'darkseagreen' => '143,188,143',
2573
+ 'darkslateblue' => '72,61,139',
2574
+ 'darkslategray' => '47,79,79',
2575
+ 'darkslategrey' => '47,79,79',
2576
+ 'darkturquoise' => '0,206,209',
2577
+ 'darkviolet' => '148,0,211',
2578
+ 'deeppink' => '255,20,147',
2579
+ 'deepskyblue' => '0,191,255',
2580
+ 'dimgray' => '105,105,105',
2581
+ 'dimgrey' => '105,105,105',
2582
+ 'dodgerblue' => '30,144,255',
2583
+ 'firebrick' => '178,34,34',
2584
+ 'floralwhite' => '255,250,240',
2585
+ 'forestgreen' => '34,139,34',
2586
+ 'fuchsia' => '255,0,255',
2587
+ 'gainsboro' => '220,220,220',
2588
+ 'ghostwhite' => '248,248,255',
2589
+ 'gold' => '255,215,0',
2590
+ 'goldenrod' => '218,165,32',
2591
+ 'gray' => '128,128,128',
2592
+ 'green' => '0,128,0',
2593
+ 'greenyellow' => '173,255,47',
2594
+ 'grey' => '128,128,128',
2595
+ 'honeydew' => '240,255,240',
2596
+ 'hotpink' => '255,105,180',
2597
+ 'indianred' => '205,92,92',
2598
+ 'indigo' => '75,0,130',
2599
+ 'ivory' => '255,255,240',
2600
+ 'khaki' => '240,230,140',
2601
+ 'lavender' => '230,230,250',
2602
+ 'lavenderblush' => '255,240,245',
2603
+ 'lawngreen' => '124,252,0',
2604
+ 'lemonchiffon' => '255,250,205',
2605
+ 'lightblue' => '173,216,230',
2606
+ 'lightcoral' => '240,128,128',
2607
+ 'lightcyan' => '224,255,255',
2608
+ 'lightgoldenrodyellow' => '250,250,210',
2609
+ 'lightgray' => '211,211,211',
2610
+ 'lightgreen' => '144,238,144',
2611
+ 'lightgrey' => '211,211,211',
2612
+ 'lightpink' => '255,182,193',
2613
+ 'lightsalmon' => '255,160,122',
2614
+ 'lightseagreen' => '32,178,170',
2615
+ 'lightskyblue' => '135,206,250',
2616
+ 'lightslategray' => '119,136,153',
2617
+ 'lightslategrey' => '119,136,153',
2618
+ 'lightsteelblue' => '176,196,222',
2619
+ 'lightyellow' => '255,255,224',
2620
+ 'lime' => '0,255,0',
2621
+ 'limegreen' => '50,205,50',
2622
+ 'linen' => '250,240,230',
2623
+ 'magenta' => '255,0,255',
2624
+ 'maroon' => '128,0,0',
2625
+ 'mediumaquamarine' => '102,205,170',
2626
+ 'mediumblue' => '0,0,205',
2627
+ 'mediumorchid' => '186,85,211',
2628
+ 'mediumpurple' => '147,112,219',
2629
+ 'mediumseagreen' => '60,179,113',
2630
+ 'mediumslateblue' => '123,104,238',
2631
+ 'mediumspringgreen' => '0,250,154',
2632
+ 'mediumturquoise' => '72,209,204',
2633
+ 'mediumvioletred' => '199,21,133',
2634
+ 'midnightblue' => '25,25,112',
2635
+ 'mintcream' => '245,255,250',
2636
+ 'mistyrose' => '255,228,225',
2637
+ 'moccasin' => '255,228,181',
2638
+ 'navajowhite' => '255,222,173',
2639
+ 'navy' => '0,0,128',
2640
+ 'oldlace' => '253,245,230',
2641
+ 'olive' => '128,128,0',
2642
+ 'olivedrab' => '107,142,35',
2643
+ 'orange' => '255,165,0',
2644
+ 'orangered' => '255,69,0',
2645
+ 'orchid' => '218,112,214',
2646
+ 'palegoldenrod' => '238,232,170',
2647
+ 'palegreen' => '152,251,152',
2648
+ 'paleturquoise' => '175,238,238',
2649
+ 'palevioletred' => '219,112,147',
2650
+ 'papayawhip' => '255,239,213',
2651
+ 'peachpuff' => '255,218,185',
2652
+ 'peru' => '205,133,63',
2653
+ 'pink' => '255,192,203',
2654
+ 'plum' => '221,160,221',
2655
+ 'powderblue' => '176,224,230',
2656
+ 'purple' => '128,0,128',
2657
+ 'red' => '255,0,0',
2658
+ 'rosybrown' => '188,143,143',
2659
+ 'royalblue' => '65,105,225',
2660
+ 'saddlebrown' => '139,69,19',
2661
+ 'salmon' => '250,128,114',
2662
+ 'sandybrown' => '244,164,96',
2663
+ 'seagreen' => '46,139,87',
2664
+ 'seashell' => '255,245,238',
2665
+ 'sienna' => '160,82,45',
2666
+ 'silver' => '192,192,192',
2667
+ 'skyblue' => '135,206,235',
2668
+ 'slateblue' => '106,90,205',
2669
+ 'slategray' => '112,128,144',
2670
+ 'slategrey' => '112,128,144',
2671
+ 'snow' => '255,250,250',
2672
+ 'springgreen' => '0,255,127',
2673
+ 'steelblue' => '70,130,180',
2674
+ 'tan' => '210,180,140',
2675
+ 'teal' => '0,128,128',
2676
+ 'thistle' => '216,191,216',
2677
+ 'tomato' => '255,99,71',
2678
+ 'transparent' => '0,0,0,0',
2679
+ 'turquoise' => '64,224,208',
2680
+ 'violet' => '238,130,238',
2681
+ 'wheat' => '245,222,179',
2682
+ 'white' => '255,255,255',
2683
+ 'whitesmoke' => '245,245,245',
2684
+ 'yellow' => '255,255,0',
2685
+ 'yellowgreen' => '154,205,50'
2686
+ );
2687
+ }
2688
+
2689
+ /**
2690
+ * SCSS parser
2691
+ *
2692
+ * @author Leaf Corcoran <leafot@gmail.com>
2693
+ */
2694
+ class scss_parser {
2695
+ static protected $precedence = array(
2696
+ 'or' => 0,
2697
+ 'and' => 1,
2698
+
2699
+ '==' => 2,
2700
+ '!=' => 2,
2701
+ '<=' => 2,
2702
+ '>=' => 2,
2703
+ '=' => 2,
2704
+ '<' => 3,
2705
+ '>' => 2,
2706
+
2707
+ '+' => 3,
2708
+ '-' => 3,
2709
+ '*' => 4,
2710
+ '/' => 4,
2711
+ '%' => 4,
2712
+ );
2713
+
2714
+ static protected $operators = array('+', '-', '*', '/', '%',
2715
+ '==', '!=', '<=', '>=', '<', '>', 'and', 'or');
2716
+
2717
+ static protected $operatorStr;
2718
+ static protected $whitePattern;
2719
+ static protected $commentMulti;
2720
+
2721
+ static protected $commentSingle = '//';
2722
+ static protected $commentMultiLeft = '/*';
2723
+ static protected $commentMultiRight = '*/';
2724
+
2725
+ /**
2726
+ * Constructor
2727
+ *
2728
+ * @param string $sourceName
2729
+ * @param boolean $rootParser
2730
+ */
2731
+ public function __construct($sourceName = null, $rootParser = true) {
2732
+ $this->sourceName = $sourceName;
2733
+ $this->rootParser = $rootParser;
2734
+
2735
+ if (empty(self::$operatorStr)) {
2736
+ self::$operatorStr = $this->makeOperatorStr(self::$operators);
2737
+
2738
+ $commentSingle = $this->preg_quote(self::$commentSingle);
2739
+ $commentMultiLeft = $this->preg_quote(self::$commentMultiLeft);
2740
+ $commentMultiRight = $this->preg_quote(self::$commentMultiRight);
2741
+ self::$commentMulti = $commentMultiLeft.'.*?'.$commentMultiRight;
2742
+ self::$whitePattern = '/'.$commentSingle.'[^\n]*\s*|('.self::$commentMulti.')\s*|\s+/Ais';
2743
+ }
2744
+ }
2745
+
2746
+ static protected function makeOperatorStr($operators) {
2747
+ return '('.implode('|', array_map(array('scss_parser','preg_quote'),
2748
+ $operators)).')';
2749
+ }
2750
+
2751
+ /**
2752
+ * Parser buffer
2753
+ *
2754
+ * @param string $buffer;
2755
+ *
2756
+ * @return \StdClass
2757
+ */
2758
+ public function parse($buffer)
2759
+ {
2760
+ $this->count = 0;
2761
+ $this->env = null;
2762
+ $this->inParens = false;
2763
+ $this->eatWhiteDefault = true;
2764
+ $this->buffer = $buffer;
2765
+
2766
+ $this->pushBlock(null); // root block
2767
+
2768
+ $this->whitespace();
2769
+ $this->pushBlock(null);
2770
+ $this->popBlock();
2771
+
2772
+ while (false !== $this->parseChunk())
2773
+ ;
2774
+
2775
+ if ($this->count != strlen($this->buffer)) {
2776
+ $this->throwParseError();
2777
+ }
2778
+
2779
+ if (!empty($this->env->parent)) {
2780
+ $this->throwParseError('unclosed block');
2781
+ }
2782
+
2783
+ $this->env->isRoot = true;
2784
+
2785
+ return $this->env;
2786
+ }
2787
+
2788
+ /**
2789
+ * Parse a single chunk off the head of the buffer and append it to the
2790
+ * current parse environment.
2791
+ *
2792
+ * Returns false when the buffer is empty, or when there is an error.
2793
+ *
2794
+ * This function is called repeatedly until the entire document is
2795
+ * parsed.
2796
+ *
2797
+ * This parser is most similar to a recursive descent parser. Single
2798
+ * functions represent discrete grammatical rules for the language, and
2799
+ * they are able to capture the text that represents those rules.
2800
+ *
2801
+ * Consider the function scssc::keyword(). (All parse functions are
2802
+ * structured the same.)
2803
+ *
2804
+ * The function takes a single reference argument. When calling the
2805
+ * function it will attempt to match a keyword on the head of the buffer.
2806
+ * If it is successful, it will place the keyword in the referenced
2807
+ * argument, advance the position in the buffer, and return true. If it
2808
+ * fails then it won't advance the buffer and it will return false.
2809
+ *
2810
+ * All of these parse functions are powered by scssc::match(), which behaves
2811
+ * the same way, but takes a literal regular expression. Sometimes it is
2812
+ * more convenient to use match instead of creating a new function.
2813
+ *
2814
+ * Because of the format of the functions, to parse an entire string of
2815
+ * grammatical rules, you can chain them together using &&.
2816
+ *
2817
+ * But, if some of the rules in the chain succeed before one fails, then
2818
+ * the buffer position will be left at an invalid state. In order to
2819
+ * avoid this, scssc::seek() is used to remember and set buffer positions.
2820
+ *
2821
+ * Before parsing a chain, use $s = $this->seek() to remember the current
2822
+ * position into $s. Then if a chain fails, use $this->seek($s) to
2823
+ * go back where we started.
2824
+ *
2825
+ * @return boolean
2826
+ */
2827
+ protected function parseChunk() {
2828
+ $s = $this->seek();
2829
+
2830
+ // the directives
2831
+ if (isset($this->buffer[$this->count]) && $this->buffer[$this->count] == '@') {
2832
+ if ($this->literal('@media') && $this->mediaQueryList($mediaQueryList) && $this->literal('{')) {
2833
+ $media = $this->pushSpecialBlock('media');
2834
+ $media->queryList = $mediaQueryList[2];
2835
+ return true;
2836
+ } else {
2837
+ $this->seek($s);
2838
+ }
2839
+
2840
+ if ($this->literal('@mixin') &&
2841
+ $this->keyword($mixinName) &&
2842
+ ($this->argumentDef($args) || true) &&
2843
+ $this->literal('{'))
2844
+ {
2845
+ $mixin = $this->pushSpecialBlock('mixin');
2846
+ $mixin->name = $mixinName;
2847
+ $mixin->args = $args;
2848
+ return true;
2849
+ } else {
2850
+ $this->seek($s);
2851
+ }
2852
+
2853
+ if ($this->literal('@include') &&
2854
+ $this->keyword($mixinName) &&
2855
+ ($this->literal('(') &&
2856
+ ($this->argValues($argValues) || true) &&
2857
+ $this->literal(')') || true) &&
2858
+ ($this->end() ||
2859
+ $this->literal('{') && $hasBlock = true))
2860
+ {
2861
+ $child = array('include',
2862
+ $mixinName, isset($argValues) ? $argValues : null, null);
2863
+
2864
+ if (!empty($hasBlock)) {
2865
+ $include = $this->pushSpecialBlock('include');
2866
+ $include->child = $child;
2867
+ } else {
2868
+ $this->append($child, $s);
2869
+ }
2870
+
2871
+ return true;
2872
+ } else {
2873
+ $this->seek($s);
2874
+ }
2875
+
2876
+ if ($this->literal('@import') &&
2877
+ $this->valueList($importPath) &&
2878
+ $this->end())
2879
+ {
2880
+ $this->append(array('import', $importPath), $s);
2881
+ return true;
2882
+ } else {
2883
+ $this->seek($s);
2884
+ }
2885
+
2886
+ if ($this->literal('@extend') &&
2887
+ $this->selectors($selector) &&
2888
+ $this->end())
2889
+ {
2890
+ $this->append(array('extend', $selector), $s);
2891
+ return true;
2892
+ } else {
2893
+ $this->seek($s);
2894
+ }
2895
+
2896
+ if ($this->literal('@function') &&
2897
+ $this->keyword($fnName) &&
2898
+ $this->argumentDef($args) &&
2899
+ $this->literal('{'))
2900
+ {
2901
+ $func = $this->pushSpecialBlock('function');
2902
+ $func->name = $fnName;
2903
+ $func->args = $args;
2904
+ return true;
2905
+ } else {
2906
+ $this->seek($s);
2907
+ }
2908
+
2909
+ if ($this->literal('@return') && $this->valueList($retVal) && $this->end()) {
2910
+ $this->append(array('return', $retVal), $s);
2911
+ return true;
2912
+ } else {
2913
+ $this->seek($s);
2914
+ }
2915
+
2916
+ if ($this->literal('@each') &&
2917
+ $this->variable($varName) &&
2918
+ $this->literal('in') &&
2919
+ $this->valueList($list) &&
2920
+ $this->literal('{'))
2921
+ {
2922
+ $each = $this->pushSpecialBlock('each');
2923
+ $each->var = $varName[1];
2924
+ $each->list = $list;
2925
+ return true;
2926
+ } else {
2927
+ $this->seek($s);
2928
+ }
2929
+
2930
+ if ($this->literal('@while') &&
2931
+ $this->expression($cond) &&
2932
+ $this->literal('{'))
2933
+ {
2934
+ $while = $this->pushSpecialBlock('while');
2935
+ $while->cond = $cond;
2936
+ return true;
2937
+ } else {
2938
+ $this->seek($s);
2939
+ }
2940
+
2941
+ if ($this->literal('@for') &&
2942
+ $this->variable($varName) &&
2943
+ $this->literal('from') &&
2944
+ $this->expression($start) &&
2945
+ ($this->literal('through') ||
2946
+ ($forUntil = true && $this->literal('to'))) &&
2947
+ $this->expression($end) &&
2948
+ $this->literal('{'))
2949
+ {
2950
+ $for = $this->pushSpecialBlock('for');
2951
+ $for->var = $varName[1];
2952
+ $for->start = $start;
2953
+ $for->end = $end;
2954
+ $for->until = isset($forUntil);
2955
+ return true;
2956
+ } else {
2957
+ $this->seek($s);
2958
+ }
2959
+
2960
+ if ($this->literal('@if') && $this->valueList($cond) && $this->literal('{')) {
2961
+ $if = $this->pushSpecialBlock('if');
2962
+ $if->cond = $cond;
2963
+ $if->cases = array();
2964
+ return true;
2965
+ } else {
2966
+ $this->seek($s);
2967
+ }
2968
+
2969
+ if (($this->literal('@debug') || $this->literal('@warn')) &&
2970
+ $this->valueList($value) &&
2971
+ $this->end()) {
2972
+ $this->append(array('debug', $value, $s), $s);
2973
+ return true;
2974
+ } else {
2975
+ $this->seek($s);
2976
+ }
2977
+
2978
+ if ($this->literal('@content') && $this->end()) {
2979
+ $this->append(array('mixin_content'), $s);
2980
+ return true;
2981
+ } else {
2982
+ $this->seek($s);
2983
+ }
2984
+
2985
+ $last = $this->last();
2986
+ if (isset($last) && $last[0] == 'if') {
2987
+ list(, $if) = $last;
2988
+ if ($this->literal('@else')) {
2989
+ if ($this->literal('{')) {
2990
+ $else = $this->pushSpecialBlock('else');
2991
+ } elseif ($this->literal('if') && $this->valueList($cond) && $this->literal('{')) {
2992
+ $else = $this->pushSpecialBlock('elseif');
2993
+ $else->cond = $cond;
2994
+ }
2995
+
2996
+ if (isset($else)) {
2997
+ $else->dontAppend = true;
2998
+ $if->cases[] = $else;
2999
+ return true;
3000
+ }
3001
+ }
3002
+
3003
+ $this->seek($s);
3004
+ }
3005
+
3006
+ if ($this->literal('@charset') &&
3007
+ $this->valueList($charset) && $this->end())
3008
+ {
3009
+ $this->append(array('charset', $charset), $s);
3010
+ return true;
3011
+ } else {
3012
+ $this->seek($s);
3013
+ }
3014
+
3015
+ // doesn't match built in directive, do generic one
3016
+ if ($this->literal('@', false) && $this->keyword($dirName) &&
3017
+ ($this->variable($dirValue) || $this->openString('{', $dirValue) || true) &&
3018
+ $this->literal('{'))
3019
+ {
3020
+ $directive = $this->pushSpecialBlock('directive');
3021
+ $directive->name = $dirName;
3022
+ if (isset($dirValue)) $directive->value = $dirValue;
3023
+ return true;
3024
+ }
3025
+
3026
+ $this->seek($s);
3027
+ return false;
3028
+ }
3029
+
3030
+ // property shortcut
3031
+ // captures most properties before having to parse a selector
3032
+ if ($this->keyword($name, false) &&
3033
+ $this->literal(': ') &&
3034
+ $this->valueList($value) &&
3035
+ $this->end())
3036
+ {
3037
+ $name = array('string', '', array($name));
3038
+ $this->append(array('assign', $name, $value), $s);
3039
+ return true;
3040
+ } else {
3041
+ $this->seek($s);
3042
+ }
3043
+
3044
+ // variable assigns
3045
+ if ($this->variable($name) &&
3046
+ $this->literal(':') &&
3047
+ $this->valueList($value) && $this->end())
3048
+ {
3049
+ // check for !default
3050
+ $defaultVar = $value[0] == 'list' && $this->stripDefault($value);
3051
+ $this->append(array('assign', $name, $value, $defaultVar), $s);
3052
+ return true;
3053
+ } else {
3054
+ $this->seek($s);
3055
+ }
3056
+
3057
+ // misc
3058
+ if ($this->literal('-->')) {
3059
+ return true;
3060
+ }
3061
+
3062
+ // opening css block
3063
+ if ($this->selectors($selectors) && $this->literal('{')) {
3064
+ $b = $this->pushBlock($selectors);
3065
+ return true;
3066
+ } else {
3067
+ $this->seek($s);
3068
+ }
3069
+
3070
+ // property assign, or nested assign
3071
+ if ($this->propertyName($name) && $this->literal(':')) {
3072
+ $foundSomething = false;
3073
+ if ($this->valueList($value)) {
3074
+ $this->append(array('assign', $name, $value), $s);
3075
+ $foundSomething = true;
3076
+ }
3077
+
3078
+ if ($this->literal('{')) {
3079
+ $propBlock = $this->pushSpecialBlock('nestedprop');
3080
+ $propBlock->prefix = $name;
3081
+ $foundSomething = true;
3082
+ } elseif ($foundSomething) {
3083
+ $foundSomething = $this->end();
3084
+ }
3085
+
3086
+ if ($foundSomething) {
3087
+ return true;
3088
+ }
3089
+
3090
+ $this->seek($s);
3091
+ } else {
3092
+ $this->seek($s);
3093
+ }
3094
+
3095
+ // closing a block
3096
+ if ($this->literal('}')) {
3097
+ $block = $this->popBlock();
3098
+ if (isset($block->type) && $block->type == 'include') {
3099
+ $include = $block->child;
3100
+ unset($block->child);
3101
+ $include[3] = $block;
3102
+ $this->append($include, $s);
3103
+ } elseif (empty($block->dontAppend)) {
3104
+ $type = isset($block->type) ? $block->type : 'block';
3105
+ $this->append(array($type, $block), $s);
3106
+ }
3107
+ return true;
3108
+ }
3109
+
3110
+ // extra stuff
3111
+ if ($this->literal(';') ||
3112
+ $this->literal('<!--'))
3113
+ {
3114
+ return true;
3115
+ }
3116
+
3117
+ return false;
3118
+ }
3119
+
3120
+ protected function stripDefault(&$value) {
3121
+ $def = end($value[2]);
3122
+ if ($def[0] == 'keyword' && $def[1] == '!default') {
3123
+ array_pop($value[2]);
3124
+ $value = $this->flattenList($value);
3125
+ return true;
3126
+ }
3127
+
3128
+ if ($def[0] == 'list') {
3129
+ return $this->stripDefault($value[2][count($value[2]) - 1]);
3130
+ }
3131
+
3132
+ return false;
3133
+ }
3134
+
3135
+ protected function literal($what, $eatWhitespace = null) {
3136
+ if (!isset($eatWhitespace)) $eatWhitespace = $this->eatWhiteDefault;
3137
+
3138
+ // shortcut on single letter
3139
+ if (!isset($what[1]) && isset($this->buffer[$this->count])) {
3140
+ if ($this->buffer[$this->count] == $what) {
3141
+ if (!$eatWhitespace) {
3142
+ $this->count++;
3143
+ return true;
3144
+ }
3145
+ // goes below...
3146
+ } else {
3147
+ return false;
3148
+ }
3149
+ }
3150
+
3151
+ return $this->match($this->preg_quote($what), $m, $eatWhitespace);
3152
+ }
3153
+
3154
+ // tree builders
3155
+
3156
+ protected function pushBlock($selectors) {
3157
+ $b = new stdClass;
3158
+ $b->parent = $this->env; // not sure if we need this yet
3159
+
3160
+ $b->selectors = $selectors;
3161
+ $b->comments = array();
3162
+
3163
+ if (!$this->env) {
3164
+ $b->children = array();
3165
+ } elseif (empty($this->env->children)) {
3166
+ $this->env->children = $this->env->comments;
3167
+ $b->children = array();
3168
+ $this->env->comments = array();
3169
+ } else {
3170
+ $b->children = $this->env->comments;
3171
+ $this->env->comments = array();
3172
+ }
3173
+
3174
+ $this->env = $b;
3175
+ return $b;
3176
+ }
3177
+
3178
+ protected function pushSpecialBlock($type) {
3179
+ $block = $this->pushBlock(null);
3180
+ $block->type = $type;
3181
+ return $block;
3182
+ }
3183
+
3184
+ protected function popBlock() {
3185
+ $block = $this->env;
3186
+
3187
+ if (empty($block->parent)) {
3188
+ $this->throwParseError('unexpected }');
3189
+ }
3190
+
3191
+ $this->env = $block->parent;
3192
+ unset($block->parent);
3193
+
3194
+ $comments = $block->comments;
3195
+ if (count($comments)) {
3196
+ $this->env->comments = $comments;
3197
+ unset($block->comments);
3198
+ }
3199
+
3200
+ return $block;
3201
+ }
3202
+
3203
+ protected function appendComment($comment) {
3204
+ $comment[1] = substr(preg_replace(array('/^\s+/m', '/^(.)/m'), array('', ' \1'), $comment[1]), 1);
3205
+
3206
+ $this->env->comments[] = $comment;
3207
+ }
3208
+
3209
+ protected function append($statement, $pos=null) {
3210
+ if ($pos !== null) {
3211
+ $statement[-1] = $pos;
3212
+ if (!$this->rootParser) $statement[-2] = $this;
3213
+ }
3214
+
3215
+ $this->env->children[] = $statement;
3216
+
3217
+ $comments = $this->env->comments;
3218
+ if (count($comments)) {
3219
+ $this->env->children = array_merge($this->env->children, $comments);
3220
+ $this->env->comments = array();
3221
+ }
3222
+ }
3223
+
3224
+ // last child that was appended
3225
+ protected function last() {
3226
+ $i = count($this->env->children) - 1;
3227
+ if (isset($this->env->children[$i]))
3228
+ return $this->env->children[$i];
3229
+ }
3230
+
3231
+ // high level parsers (they return parts of ast)
3232
+
3233
+ protected function mediaQueryList(&$out) {
3234
+ return $this->genericList($out, 'mediaQuery', ',', false);
3235
+ }
3236
+
3237
+ protected function mediaQuery(&$out) {
3238
+ $s = $this->seek();
3239
+
3240
+ $expressions = null;
3241
+ $parts = array();
3242
+
3243
+ if (($this->literal('only') && ($only = true) || $this->literal('not') && ($not = true) || true) && $this->mixedKeyword($mediaType)) {
3244
+ $prop = array('mediaType');
3245
+ if (isset($only)) $prop[] = array('keyword', 'only');
3246
+ if (isset($not)) $prop[] = array('keyword', 'not');
3247
+ $media = array('list', '', array());
3248
+ foreach ((array)$mediaType as $type) {
3249
+ if (is_array($type)) {
3250
+ $media[2][] = $type;
3251
+ } else {
3252
+ $media[2][] = array('keyword', $type);
3253
+ }
3254
+ }
3255
+ $prop[] = $media;
3256
+ $parts[] = $prop;
3257
+ }
3258
+
3259
+ if (empty($parts) || $this->literal('and')) {
3260
+ $this->genericList($expressions, 'mediaExpression', 'and', false);
3261
+ if (is_array($expressions)) $parts = array_merge($parts, $expressions[2]);
3262
+ }
3263
+
3264
+ $out = $parts;
3265
+ return true;
3266
+ }
3267
+
3268
+ protected function mediaExpression(&$out) {
3269
+ $s = $this->seek();
3270
+ $value = null;
3271
+ if ($this->literal('(') &&
3272
+ $this->expression($feature) &&
3273
+ ($this->literal(':') && $this->expression($value) || true) &&
3274
+ $this->literal(')'))
3275
+ {
3276
+ $out = array('mediaExp', $feature);
3277
+ if ($value) $out[] = $value;
3278
+ return true;
3279
+ }
3280
+
3281
+ $this->seek($s);
3282
+ return false;
3283
+ }
3284
+
3285
+ protected function argValues(&$out) {
3286
+ if ($this->genericList($list, 'argValue', ',', false)) {
3287
+ $out = $list[2];
3288
+ return true;
3289
+ }
3290
+ return false;
3291
+ }
3292
+
3293
+ protected function argValue(&$out) {
3294
+ $s = $this->seek();
3295
+
3296
+ $keyword = null;
3297
+ if (!$this->variable($keyword) || !$this->literal(':')) {
3298
+ $this->seek($s);
3299
+ $keyword = null;
3300
+ }
3301
+
3302
+ if ($this->genericList($value, 'expression')) {
3303
+ $out = array($keyword, $value, false);
3304
+ $s = $this->seek();
3305
+ if ($this->literal('...')) {
3306
+ $out[2] = true;
3307
+ } else {
3308
+ $this->seek($s);
3309
+ }
3310
+ return true;
3311
+ }
3312
+
3313
+ return false;
3314
+ }
3315
+
3316
+ /**
3317
+ * Parse list
3318
+ *
3319
+ * @param string $out
3320
+ *
3321
+ * @return boolean
3322
+ */
3323
+ public function valueList(&$out)
3324
+ {
3325
+ return $this->genericList($out, 'spaceList', ',');
3326
+ }
3327
+
3328
+ protected function spaceList(&$out)
3329
+ {
3330
+ return $this->genericList($out, 'expression');
3331
+ }
3332
+
3333
+ protected function genericList(&$out, $parseItem, $delim='', $flatten=true) {
3334
+ $s = $this->seek();
3335
+ $items = array();
3336
+ while ($this->$parseItem($value)) {
3337
+ $items[] = $value;
3338
+ if ($delim) {
3339
+ if (!$this->literal($delim)) break;
3340
+ }
3341
+ }
3342
+
3343
+ if (count($items) == 0) {
3344
+ $this->seek($s);
3345
+ return false;
3346
+ }
3347
+
3348
+ if ($flatten && count($items) == 1) {
3349
+ $out = $items[0];
3350
+ } else {
3351
+ $out = array('list', $delim, $items);
3352
+ }
3353
+
3354
+ return true;
3355
+ }
3356
+
3357
+ protected function expression(&$out) {
3358
+ $s = $this->seek();
3359
+
3360
+ if ($this->literal('(')) {
3361
+ if ($this->literal(')')) {
3362
+ $out = array('list', '', array());
3363
+ return true;
3364
+ }
3365
+
3366
+ if ($this->valueList($out) && $this->literal(')') && $out[0] == 'list') {
3367
+ return true;
3368
+ }
3369
+
3370
+ $this->seek($s);
3371
+ }
3372
+
3373
+ if ($this->value($lhs)) {
3374
+ $out = $this->expHelper($lhs, 0);
3375
+ return true;
3376
+ }
3377
+
3378
+ return false;
3379
+ }
3380
+
3381
+ protected function expHelper($lhs, $minP) {
3382
+ $opstr = self::$operatorStr;
3383
+
3384
+ $ss = $this->seek();
3385
+ $whiteBefore = isset($this->buffer[$this->count - 1]) &&
3386
+ ctype_space($this->buffer[$this->count - 1]);
3387
+ while ($this->match($opstr, $m) && self::$precedence[$m[1]] >= $minP) {
3388
+ $whiteAfter = isset($this->buffer[$this->count - 1]) &&
3389
+ ctype_space($this->buffer[$this->count - 1]);
3390
+
3391
+ $op = $m[1];
3392
+
3393
+ // don't turn negative numbers into expressions
3394
+ if ($op == '-' && $whiteBefore) {
3395
+ if (!$whiteAfter) break;
3396
+ }
3397
+
3398
+ if (!$this->value($rhs)) break;
3399
+
3400
+ // peek and see if rhs belongs to next operator
3401
+ if ($this->peek($opstr, $next) && self::$precedence[$next[1]] > self::$precedence[$op]) {
3402
+ $rhs = $this->expHelper($rhs, self::$precedence[$next[1]]);
3403
+ }
3404
+
3405
+ $lhs = array('exp', $op, $lhs, $rhs, $this->inParens, $whiteBefore, $whiteAfter);
3406
+ $ss = $this->seek();
3407
+ $whiteBefore = isset($this->buffer[$this->count - 1]) &&
3408
+ ctype_space($this->buffer[$this->count - 1]);
3409
+ }
3410
+
3411
+ $this->seek($ss);
3412
+ return $lhs;
3413
+ }
3414
+
3415
+ protected function value(&$out) {
3416
+ $s = $this->seek();
3417
+
3418
+ if ($this->literal('not', false) && $this->whitespace() && $this->value($inner)) {
3419
+ $out = array('unary', 'not', $inner, $this->inParens);
3420
+ return true;
3421
+ } else {
3422
+ $this->seek($s);
3423
+ }
3424
+
3425
+ if ($this->literal('+') && $this->value($inner)) {
3426
+ $out = array('unary', '+', $inner, $this->inParens);
3427
+ return true;
3428
+ } else {
3429
+ $this->seek($s);
3430
+ }
3431
+
3432
+ // negation
3433
+ if ($this->literal('-', false) &&
3434
+ ($this->variable($inner) ||
3435
+ $this->unit($inner) ||
3436
+ $this->parenValue($inner)))
3437
+ {
3438
+ $out = array('unary', '-', $inner, $this->inParens);
3439
+ return true;
3440
+ } else {
3441
+ $this->seek($s);
3442
+ }
3443
+
3444
+ if ($this->parenValue($out)) return true;
3445
+ if ($this->interpolation($out)) return true;
3446
+ if ($this->variable($out)) return true;
3447
+ if ($this->color($out)) return true;
3448
+ if ($this->unit($out)) return true;
3449
+ if ($this->string($out)) return true;
3450
+ if ($this->func($out)) return true;
3451
+ if ($this->progid($out)) return true;
3452
+
3453
+ if ($this->keyword($keyword)) {
3454
+ if ($keyword == 'null') {
3455
+ $out = array('null');
3456
+ } else {
3457
+ $out = array('keyword', $keyword);
3458
+ }
3459
+ return true;
3460
+ }
3461
+
3462
+ return false;
3463
+ }
3464
+
3465
+ // value wrappen in parentheses
3466
+ protected function parenValue(&$out) {
3467
+ $s = $this->seek();
3468
+
3469
+ $inParens = $this->inParens;
3470
+ if ($this->literal('(') &&
3471
+ ($this->inParens = true) && $this->expression($exp) &&
3472
+ $this->literal(')'))
3473
+ {
3474
+ $out = $exp;
3475
+ $this->inParens = $inParens;
3476
+ return true;
3477
+ } else {
3478
+ $this->inParens = $inParens;
3479
+ $this->seek($s);
3480
+ }
3481
+
3482
+ return false;
3483
+ }
3484
+
3485
+ protected function progid(&$out) {
3486
+ $s = $this->seek();
3487
+ if ($this->literal('progid:', false) &&
3488
+ $this->openString('(', $fn) &&
3489
+ $this->literal('('))
3490
+ {
3491
+ $this->openString(')', $args, '(');
3492
+ if ($this->literal(')')) {
3493
+ $out = array('string', '', array(
3494
+ 'progid:', $fn, '(', $args, ')'
3495
+ ));
3496
+ return true;
3497
+ }
3498
+ }
3499
+
3500
+ $this->seek($s);
3501
+ return false;
3502
+ }
3503
+
3504
+ protected function func(&$func) {
3505
+ $s = $this->seek();
3506
+
3507
+ if ($this->keyword($name, false) &&
3508
+ $this->literal('('))
3509
+ {
3510
+ if ($name == 'alpha' && $this->argumentList($args)) {
3511
+ $func = array('function', $name, array('string', '', $args));
3512
+ return true;
3513
+ }
3514
+
3515
+ if ($name != 'expression' && !preg_match('/^(-[a-z]+-)?calc$/', $name)) {
3516
+ $ss = $this->seek();
3517
+ if ($this->argValues($args) && $this->literal(')')) {
3518
+ $func = array('fncall', $name, $args);
3519
+ return true;
3520
+ }
3521
+ $this->seek($ss);
3522
+ }
3523
+
3524
+ if (($this->openString(')', $str, '(') || true ) &&
3525
+ $this->literal(')'))
3526
+ {
3527
+ $args = array();
3528
+ if (!empty($str)) {
3529
+ $args[] = array(null, array('string', '', array($str)));
3530
+ }
3531
+
3532
+ $func = array('fncall', $name, $args);
3533
+ return true;
3534
+ }
3535
+ }
3536
+
3537
+ $this->seek($s);
3538
+ return false;
3539
+ }
3540
+
3541
+ protected function argumentList(&$out) {
3542
+ $s = $this->seek();
3543
+ $this->literal('(');
3544
+
3545
+ $args = array();
3546
+ while ($this->keyword($var)) {
3547
+ $ss = $this->seek();
3548
+
3549
+ if ($this->literal('=') && $this->expression($exp)) {
3550
+ $args[] = array('string', '', array($var.'='));
3551
+ $arg = $exp;
3552
+ } else {
3553
+ break;
3554
+ }
3555
+
3556
+ $args[] = $arg;
3557
+
3558
+ if (!$this->literal(',')) break;
3559
+
3560
+ $args[] = array('string', '', array(', '));
3561
+ }
3562
+
3563
+ if (!$this->literal(')') || !count($args)) {
3564
+ $this->seek($s);
3565
+ return false;
3566
+ }
3567
+
3568
+ $out = $args;
3569
+ return true;
3570
+ }
3571
+
3572
+ protected function argumentDef(&$out) {
3573
+ $s = $this->seek();
3574
+ $this->literal('(');
3575
+
3576
+ $args = array();
3577
+ while ($this->variable($var)) {
3578
+ $arg = array($var[1], null, false);
3579
+
3580
+ $ss = $this->seek();
3581
+ if ($this->literal(':') && $this->genericList($defaultVal, 'expression')) {
3582
+ $arg[1] = $defaultVal;
3583
+ } else {
3584
+ $this->seek($ss);
3585
+ }
3586
+
3587
+ $ss = $this->seek();
3588
+ if ($this->literal('...')) {
3589
+ $sss = $this->seek();
3590
+ if (!$this->literal(')')) {
3591
+ $this->throwParseError('... has to be after the final argument');
3592
+ }
3593
+ $arg[2] = true;
3594
+ $this->seek($sss);
3595
+ } else {
3596
+ $this->seek($ss);
3597
+ }
3598
+
3599
+ $args[] = $arg;
3600
+ if (!$this->literal(',')) break;
3601
+ }
3602
+
3603
+ if (!$this->literal(')')) {
3604
+ $this->seek($s);
3605
+ return false;
3606
+ }
3607
+
3608
+ $out = $args;
3609
+ return true;
3610
+ }
3611
+
3612
+ protected function color(&$out) {
3613
+ $color = array('color');
3614
+
3615
+ if ($this->match('(#([0-9a-f]{6})|#([0-9a-f]{3}))', $m)) {
3616
+ if (isset($m[3])) {
3617
+ $num = $m[3];
3618
+ $width = 16;
3619
+ } else {
3620
+ $num = $m[2];
3621
+ $width = 256;
3622
+ }
3623
+
3624
+ $num = hexdec($num);
3625
+ foreach (array(3,2,1) as $i) {
3626
+ $t = $num % $width;
3627
+ $num /= $width;
3628
+
3629
+ $color[$i] = $t * (256/$width) + $t * floor(16/$width);
3630
+ }
3631
+
3632
+ $out = $color;
3633
+ return true;
3634
+ }
3635
+
3636
+ return false;
3637
+ }
3638
+
3639
+ protected function unit(&$unit) {
3640
+ if ($this->match('([0-9]*(\.)?[0-9]+)([%a-zA-Z]+)?', $m)) {
3641
+ $unit = array('number', $m[1], empty($m[3]) ? '' : $m[3]);
3642
+ return true;
3643
+ }
3644
+ return false;
3645
+ }
3646
+
3647
+ protected function string(&$out) {
3648
+ $s = $this->seek();
3649
+ if ($this->literal('"', false)) {
3650
+ $delim = '"';
3651
+ } elseif ($this->literal('\'', false)) {
3652
+ $delim = '\'';
3653
+ } else {
3654
+ return false;
3655
+ }
3656
+
3657
+ $content = array();
3658
+ $oldWhite = $this->eatWhiteDefault;
3659
+ $this->eatWhiteDefault = false;
3660
+
3661
+ while ($this->matchString($m, $delim)) {
3662
+ $content[] = $m[1];
3663
+ if ($m[2] == '#{') {
3664
+ $this->count -= strlen($m[2]);
3665
+ if ($this->interpolation($inter, false)) {
3666
+ $content[] = $inter;
3667
+ } else {
3668
+ $this->count += strlen($m[2]);
3669
+ $content[] = '#{'; // ignore it
3670
+ }
3671
+ } elseif ($m[2] == '\\') {
3672
+ $content[] = $m[2];
3673
+ if ($this->literal($delim, false)) {
3674
+ $content[] = $delim;
3675
+ }
3676
+ } else {
3677
+ $this->count -= strlen($delim);
3678
+ break; // delim
3679
+ }
3680
+ }
3681
+
3682
+ $this->eatWhiteDefault = $oldWhite;
3683
+
3684
+ if ($this->literal($delim)) {
3685
+ $out = array('string', $delim, $content);
3686
+ return true;
3687
+ }
3688
+
3689
+ $this->seek($s);
3690
+ return false;
3691
+ }
3692
+
3693
+ protected function mixedKeyword(&$out) {
3694
+ $s = $this->seek();
3695
+
3696
+ $parts = array();
3697
+
3698
+ $oldWhite = $this->eatWhiteDefault;
3699
+ $this->eatWhiteDefault = false;
3700
+
3701
+ while (true) {
3702
+ if ($this->keyword($key)) {
3703
+ $parts[] = $key;
3704
+ continue;
3705
+ }
3706
+
3707
+ if ($this->interpolation($inter)) {
3708
+ $parts[] = $inter;
3709
+ continue;
3710
+ }
3711
+
3712
+ break;
3713
+ }
3714
+
3715
+ $this->eatWhiteDefault = $oldWhite;
3716
+
3717
+ if (count($parts) == 0) return false;
3718
+
3719
+ if ($this->eatWhiteDefault) {
3720
+ $this->whitespace();
3721
+ }
3722
+
3723
+ $out = $parts;
3724
+ return true;
3725
+ }
3726
+
3727
+ // an unbounded string stopped by $end
3728
+ protected function openString($end, &$out, $nestingOpen=null) {
3729
+ $oldWhite = $this->eatWhiteDefault;
3730
+ $this->eatWhiteDefault = false;
3731
+
3732
+ $stop = array('\'', '"', '#{', $end);
3733
+ $stop = array_map(array($this, 'preg_quote'), $stop);
3734
+ $stop[] = self::$commentMulti;
3735
+
3736
+ $patt = '(.*?)('.implode('|', $stop).')';
3737
+
3738
+ $nestingLevel = 0;
3739
+
3740
+ $content = array();
3741
+ while ($this->match($patt, $m, false)) {
3742
+ if (isset($m[1]) && $m[1] !== '') {
3743
+ $content[] = $m[1];
3744
+ if ($nestingOpen) {
3745
+ $nestingLevel += substr_count($m[1], $nestingOpen);
3746
+ }
3747
+ }
3748
+
3749
+ $tok = $m[2];
3750
+
3751
+ $this->count-= strlen($tok);
3752
+ if ($tok == $end) {
3753
+ if ($nestingLevel == 0) {
3754
+ break;
3755
+ } else {
3756
+ $nestingLevel--;
3757
+ }
3758
+ }
3759
+
3760
+ if (($tok == '\'' || $tok == '"') && $this->string($str)) {
3761
+ $content[] = $str;
3762
+ continue;
3763
+ }
3764
+
3765
+ if ($tok == '#{' && $this->interpolation($inter)) {
3766
+ $content[] = $inter;
3767
+ continue;
3768
+ }
3769
+
3770
+ $content[] = $tok;
3771
+ $this->count+= strlen($tok);
3772
+ }
3773
+
3774
+ $this->eatWhiteDefault = $oldWhite;
3775
+
3776
+ if (count($content) == 0) return false;
3777
+
3778
+ // trim the end
3779
+ if (is_string(end($content))) {
3780
+ $content[count($content) - 1] = rtrim(end($content));
3781
+ }
3782
+
3783
+ $out = array('string', '', $content);
3784
+ return true;
3785
+ }
3786
+
3787
+ // $lookWhite: save information about whitespace before and after
3788
+ protected function interpolation(&$out, $lookWhite=true) {
3789
+ $oldWhite = $this->eatWhiteDefault;
3790
+ $this->eatWhiteDefault = true;
3791
+
3792
+ $s = $this->seek();
3793
+ if ($this->literal('#{') && $this->valueList($value) && $this->literal('}', false)) {
3794
+
3795
+ // TODO: don't error if out of bounds
3796
+
3797
+ if ($lookWhite) {
3798
+ $left = preg_match('/\s/', $this->buffer[$s - 1]) ? ' ' : '';
3799
+ $right = preg_match('/\s/', $this->buffer[$this->count]) ? ' ': '';
3800
+ } else {
3801
+ $left = $right = false;
3802
+ }
3803
+
3804
+ $out = array('interpolate', $value, $left, $right);
3805
+ $this->eatWhiteDefault = $oldWhite;
3806
+ if ($this->eatWhiteDefault) {
3807
+ $this->whitespace();
3808
+ }
3809
+ return true;
3810
+ }
3811
+
3812
+ $this->seek($s);
3813
+ $this->eatWhiteDefault = $oldWhite;
3814
+ return false;
3815
+ }
3816
+
3817
+ // low level parsers
3818
+
3819
+ // returns an array of parts or a string
3820
+ protected function propertyName(&$out) {
3821
+ $s = $this->seek();
3822
+ $parts = array();
3823
+
3824
+ $oldWhite = $this->eatWhiteDefault;
3825
+ $this->eatWhiteDefault = false;
3826
+
3827
+ while (true) {
3828
+ if ($this->interpolation($inter)) {
3829
+ $parts[] = $inter;
3830
+ } elseif ($this->keyword($text)) {
3831
+ $parts[] = $text;
3832
+ } elseif (count($parts) == 0 && $this->match('[:.#]', $m, false)) {
3833
+ // css hacks
3834
+ $parts[] = $m[0];
3835
+ } else {
3836
+ break;
3837
+ }
3838
+ }
3839
+
3840
+ $this->eatWhiteDefault = $oldWhite;
3841
+ if (count($parts) == 0) return false;
3842
+
3843
+ // match comment hack
3844
+ if (preg_match(self::$whitePattern,
3845
+ $this->buffer, $m, null, $this->count))
3846
+ {
3847
+ if (!empty($m[0])) {
3848
+ $parts[] = $m[0];
3849
+ $this->count += strlen($m[0]);
3850
+ }
3851
+ }
3852
+
3853
+ $this->whitespace(); // get any extra whitespace
3854
+
3855
+ $out = array('string', '', $parts);
3856
+ return true;
3857
+ }
3858
+
3859
+ // comma separated list of selectors
3860
+ protected function selectors(&$out) {
3861
+ $s = $this->seek();
3862
+ $selectors = array();
3863
+ while ($this->selector($sel)) {
3864
+ $selectors[] = $sel;
3865
+ if (!$this->literal(',')) break;
3866
+ while ($this->literal(',')); // ignore extra
3867
+ }
3868
+
3869
+ if (count($selectors) == 0) {
3870
+ $this->seek($s);
3871
+ return false;
3872
+ }
3873
+
3874
+ $out = $selectors;
3875
+ return true;
3876
+ }
3877
+
3878
+ // whitespace separated list of selectorSingle
3879
+ protected function selector(&$out) {
3880
+ $selector = array();
3881
+
3882
+ while (true) {
3883
+ if ($this->match('[>+~]+', $m)) {
3884
+ $selector[] = array($m[0]);
3885
+ } elseif ($this->selectorSingle($part)) {
3886
+ $selector[] = $part;
3887
+ $this->match('\s+', $m);
3888
+ } elseif ($this->match('\/[^\/]+\/', $m)) {
3889
+ $selector[] = array($m[0]);
3890
+ } else {
3891
+ break;
3892
+ }
3893
+
3894
+ }
3895
+
3896
+ if (count($selector) == 0) {
3897
+ return false;
3898
+ }
3899
+
3900
+ $out = $selector;
3901
+ return true;
3902
+ }
3903
+
3904
+ // the parts that make up
3905
+ // div[yes=no]#something.hello.world:nth-child(-2n+1)%placeholder
3906
+ protected function selectorSingle(&$out) {
3907
+ $oldWhite = $this->eatWhiteDefault;
3908
+ $this->eatWhiteDefault = false;
3909
+
3910
+ $parts = array();
3911
+
3912
+ if ($this->literal('*', false)) {
3913
+ $parts[] = '*';
3914
+ }
3915
+
3916
+ while (true) {
3917
+ // see if we can stop early
3918
+ if ($this->match('\s*[{,]', $m)) {
3919
+ $this->count--;
3920
+ break;
3921
+ }
3922
+
3923
+ $s = $this->seek();
3924
+ // self
3925
+ if ($this->literal('&', false)) {
3926
+ $parts[] = scssc::$selfSelector;
3927
+ continue;
3928
+ }
3929
+
3930
+ if ($this->literal('.', false)) {
3931
+ $parts[] = '.';
3932
+ continue;
3933
+ }
3934
+
3935
+ if ($this->literal('|', false)) {
3936
+ $parts[] = '|';
3937
+ continue;
3938
+ }
3939
+
3940
+ if ($this->match('\\\\\S', $m)) {
3941
+ $parts[] = $m[0];
3942
+ continue;
3943
+ }
3944
+
3945
+ // for keyframes
3946
+ if ($this->unit($unit)) {
3947
+ $parts[] = $unit;
3948
+ continue;
3949
+ }
3950
+
3951
+ if ($this->keyword($name)) {
3952
+ $parts[] = $name;
3953
+ continue;
3954
+ }
3955
+
3956
+ if ($this->interpolation($inter)) {
3957
+ $parts[] = $inter;
3958
+ continue;
3959
+ }
3960
+
3961
+ if ($this->literal('%', false) && $this->placeholder($placeholder)) {
3962
+ $parts[] = '%';
3963
+ $parts[] = $placeholder;
3964
+ continue;
3965
+ }
3966
+
3967
+ if ($this->literal('#', false)) {
3968
+ $parts[] = '#';
3969
+ continue;
3970
+ }
3971
+
3972
+ // a pseudo selector
3973
+ if ($this->match('::?', $m) && $this->mixedKeyword($nameParts)) {
3974
+ $parts[] = $m[0];
3975
+ foreach ($nameParts as $sub) {
3976
+ $parts[] = $sub;
3977
+ }
3978
+
3979
+ $ss = $this->seek();
3980
+ if ($this->literal('(') &&
3981
+ ($this->openString(')', $str, '(') || true ) &&
3982
+ $this->literal(')'))
3983
+ {
3984
+ $parts[] = '(';
3985
+ if (!empty($str)) $parts[] = $str;
3986
+ $parts[] = ')';
3987
+ } else {
3988
+ $this->seek($ss);
3989
+ }
3990
+
3991
+ continue;
3992
+ } else {
3993
+ $this->seek($s);
3994
+ }
3995
+
3996
+ // attribute selector
3997
+ // TODO: replace with open string?
3998
+ if ($this->literal('[', false)) {
3999
+ $attrParts = array('[');
4000
+ // keyword, string, operator
4001
+ while (true) {
4002
+ if ($this->literal(']', false)) {
4003
+ $this->count--;
4004
+ break; // get out early
4005
+ }
4006
+
4007
+ if ($this->match('\s+', $m)) {
4008
+ $attrParts[] = ' ';
4009
+ continue;
4010
+ }
4011
+ if ($this->string($str)) {
4012
+ $attrParts[] = $str;
4013
+ continue;
4014
+ }
4015
+
4016
+ if ($this->keyword($word)) {
4017
+ $attrParts[] = $word;
4018
+ continue;
4019
+ }
4020
+
4021
+ if ($this->interpolation($inter, false)) {
4022
+ $attrParts[] = $inter;
4023
+ continue;
4024
+ }
4025
+
4026
+ // operator, handles attr namespace too
4027
+ if ($this->match('[|-~\$\*\^=]+', $m)) {
4028
+ $attrParts[] = $m[0];
4029
+ continue;
4030
+ }
4031
+
4032
+ break;
4033
+ }
4034
+
4035
+ if ($this->literal(']', false)) {
4036
+ $attrParts[] = ']';
4037
+ foreach ($attrParts as $part) {
4038
+ $parts[] = $part;
4039
+ }
4040
+ continue;
4041
+ }
4042
+ $this->seek($s);
4043
+ // should just break here?
4044
+ }
4045
+
4046
+ break;
4047
+ }
4048
+
4049
+ $this->eatWhiteDefault = $oldWhite;
4050
+
4051
+ if (count($parts) == 0) return false;
4052
+
4053
+ $out = $parts;
4054
+ return true;
4055
+ }
4056
+
4057
+ protected function variable(&$out) {
4058
+ $s = $this->seek();
4059
+ if ($this->literal('$', false) && $this->keyword($name)) {
4060
+ $out = array('var', $name);
4061
+ return true;
4062
+ }
4063
+ $this->seek($s);
4064
+ return false;
4065
+ }
4066
+
4067
+ protected function keyword(&$word, $eatWhitespace = null) {
4068
+ if ($this->match('(([\w_\-\*!"\']|[\\\\].)([\w\-_"\']|[\\\\].)*)',
4069
+ $m, $eatWhitespace))
4070
+ {
4071
+ $word = $m[1];
4072
+ return true;
4073
+ }
4074
+ return false;
4075
+ }
4076
+
4077
+ protected function placeholder(&$placeholder) {
4078
+ if ($this->match('([\w\-_]+)', $m)) {
4079
+ $placeholder = $m[1];
4080
+ return true;
4081
+ }
4082
+ return false;
4083
+ }
4084
+
4085
+ // consume an end of statement delimiter
4086
+ protected function end() {
4087
+ if ($this->literal(';')) {
4088
+ return true;
4089
+ } elseif ($this->count == strlen($this->buffer) || $this->buffer[$this->count] == '}') {
4090
+ // if there is end of file or a closing block next then we don't need a ;
4091
+ return true;
4092
+ }
4093
+ return false;
4094
+ }
4095
+
4096
+ // advance counter to next occurrence of $what
4097
+ // $until - don't include $what in advance
4098
+ // $allowNewline, if string, will be used as valid char set
4099
+ protected function to($what, &$out, $until = false, $allowNewline = false) {
4100
+ if (is_string($allowNewline)) {
4101
+ $validChars = $allowNewline;
4102
+ } else {
4103
+ $validChars = $allowNewline ? '.' : "[^\n]";
4104
+ }
4105
+ if (!$this->match('('.$validChars.'*?)'.$this->preg_quote($what), $m, !$until)) return false;
4106
+ if ($until) $this->count -= strlen($what); // give back $what
4107
+ $out = $m[1];
4108
+ return true;
4109
+ }
4110
+
4111
+ public function throwParseError($msg = 'parse error', $count = null) {
4112
+ $count = !isset($count) ? $this->count : $count;
4113
+
4114
+ $line = $this->getLineNo($count);
4115
+
4116
+ if (!empty($this->sourceName)) {
4117
+ $loc = "$this->sourceName on line $line";
4118
+ } else {
4119
+ $loc = "line: $line";
4120
+ }
4121
+
4122
+ if ($this->peek("(.*?)(\n|$)", $m, $count)) {
4123
+ throw new Exception("$msg: failed at `$m[1]` $loc");
4124
+ } else {
4125
+ throw new Exception("$msg: $loc");
4126
+ }
4127
+ }
4128
+
4129
+ public function getLineNo($pos) {
4130
+ return 1 + substr_count(substr($this->buffer, 0, $pos), "\n");
4131
+ }
4132
+
4133
+ /**
4134
+ * Match string looking for either ending delim, escape, or string interpolation
4135
+ *
4136
+ * {@internal This is a workaround for preg_match's 250K string match limit. }}
4137
+ *
4138
+ * @param array $m Matches (passed by reference)
4139
+ * @param string $delim Delimeter
4140
+ *
4141
+ * @return boolean True if match; false otherwise
4142
+ */
4143
+ protected function matchString(&$m, $delim) {
4144
+ $token = null;
4145
+
4146
+ $end = strpos($this->buffer, "\n", $this->count);
4147
+ if ($end === false || $this->buffer[$end - 1] == '\\' || $this->buffer[$end - 2] == '\\' && $this->buffer[$end - 1] == "\r") {
4148
+ $end = strlen($this->buffer);
4149
+ }
4150
+
4151
+ // look for either ending delim, escape, or string interpolation
4152
+ foreach (array('#{', '\\', $delim) as $lookahead) {
4153
+ $pos = strpos($this->buffer, $lookahead, $this->count);
4154
+ if ($pos !== false && $pos < $end) {
4155
+ $end = $pos;
4156
+ $token = $lookahead;
4157
+ }
4158
+ }
4159
+
4160
+ if (!isset($token)) {
4161
+ return false;
4162
+ }
4163
+
4164
+ $match = substr($this->buffer, $this->count, $end - $this->count);
4165
+ $m = array(
4166
+ $match . $token,
4167
+ $match,
4168
+ $token
4169
+ );
4170
+ $this->count = $end + strlen($token);
4171
+
4172
+ return true;
4173
+ }
4174
+
4175
+ // try to match something on head of buffer
4176
+ protected function match($regex, &$out, $eatWhitespace = null) {
4177
+ if (!isset($eatWhitespace)) $eatWhitespace = $this->eatWhiteDefault;
4178
+
4179
+ $r = '/'.$regex.'/Ais';
4180
+ if (preg_match($r, $this->buffer, $out, null, $this->count)) {
4181
+ $this->count += strlen($out[0]);
4182
+ if ($eatWhitespace) {
4183
+ $this->whitespace();
4184
+ }
4185
+ return true;
4186
+ }
4187
+ return false;
4188
+ }
4189
+
4190
+ // match some whitespace
4191
+ protected function whitespace() {
4192
+ $gotWhite = false;
4193
+ while (preg_match(self::$whitePattern, $this->buffer, $m, null, $this->count)) {
4194
+ if (isset($m[1]) && empty($this->commentsSeen[$this->count])) {
4195
+ $this->appendComment(array('comment', $m[1]));
4196
+ $this->commentsSeen[$this->count] = true;
4197
+ }
4198
+ $this->count += strlen($m[0]);
4199
+ $gotWhite = true;
4200
+ }
4201
+ return $gotWhite;
4202
+ }
4203
+
4204
+ protected function peek($regex, &$out, $from=null) {
4205
+ if (!isset($from)) $from = $this->count;
4206
+
4207
+ $r = '/'.$regex.'/Ais';
4208
+ $result = preg_match($r, $this->buffer, $out, null, $from);
4209
+
4210
+ return $result;
4211
+ }
4212
+
4213
+ protected function seek($where = null) {
4214
+ if ($where === null) return $this->count;
4215
+ else $this->count = $where;
4216
+ return true;
4217
+ }
4218
+
4219
+ static function preg_quote($what) {
4220
+ return preg_quote($what, '/');
4221
+ }
4222
+
4223
+ protected function show() {
4224
+ if ($this->peek("(.*?)(\n|$)", $m, $this->count)) {
4225
+ return $m[1];
4226
+ }
4227
+ return '';
4228
+ }
4229
+
4230
+ // turn list of length 1 into value type
4231
+ protected function flattenList($value) {
4232
+ if ($value[0] == 'list' && count($value[2]) == 1) {
4233
+ return $this->flattenList($value[2][0]);
4234
+ }
4235
+ return $value;
4236
+ }
4237
+ }
4238
+
4239
+ /**
4240
+ * SCSS base formatter
4241
+ *
4242
+ * @author Leaf Corcoran <leafot@gmail.com>
4243
+ */
4244
+ class scss_formatter {
4245
+ public $indentChar = ' ';
4246
+
4247
+ public $break = "\n";
4248
+ public $open = ' {';
4249
+ public $close = '}';
4250
+ public $tagSeparator = ', ';
4251
+ public $assignSeparator = ': ';
4252
+
4253
+ public function __construct() {
4254
+ $this->indentLevel = 0;
4255
+ }
4256
+
4257
+ public function indentStr($n = 0) {
4258
+ return str_repeat($this->indentChar, max($this->indentLevel + $n, 0));
4259
+ }
4260
+
4261
+ public function property($name, $value) {
4262
+ return $name . $this->assignSeparator . $value . ';';
4263
+ }
4264
+
4265
+ protected function blockLines($inner, $block)
4266
+ {
4267
+ $glue = $this->break.$inner;
4268
+ echo $inner . implode($glue, $block->lines);
4269
+
4270
+ if (!empty($block->children)) {
4271
+ echo $this->break;
4272
+ }
4273
+ }
4274
+
4275
+ protected function block($block) {
4276
+ if (empty($block->lines) && empty($block->children)) return;
4277
+
4278
+ $inner = $pre = $this->indentStr();
4279
+
4280
+ if (!empty($block->selectors)) {
4281
+ echo $pre .
4282
+ implode($this->tagSeparator, $block->selectors) .
4283
+ $this->open . $this->break;
4284
+ $this->indentLevel++;
4285
+ $inner = $this->indentStr();
4286
+ }
4287
+
4288
+ if (!empty($block->lines)) {
4289
+ $this->blockLines($inner, $block);
4290
+ }
4291
+
4292
+ foreach ($block->children as $child) {
4293
+ $this->block($child);
4294
+ }
4295
+
4296
+ if (!empty($block->selectors)) {
4297
+ $this->indentLevel--;
4298
+ if (empty($block->children)) echo $this->break;
4299
+ echo $pre . $this->close . $this->break;
4300
+ }
4301
+ }
4302
+
4303
+ public function format($block) {
4304
+ ob_start();
4305
+ $this->block($block);
4306
+ $out = ob_get_clean();
4307
+
4308
+ return $out;
4309
+ }
4310
+ }
4311
+
4312
+ /**
4313
+ * SCSS nested formatter
4314
+ *
4315
+ * @author Leaf Corcoran <leafot@gmail.com>
4316
+ */
4317
+ class scss_formatter_nested extends scss_formatter {
4318
+ public $close = ' }';
4319
+
4320
+ // adjust the depths of all children, depth first
4321
+ public function adjustAllChildren($block) {
4322
+ // flatten empty nested blocks
4323
+ $children = array();
4324
+ foreach ($block->children as $i => $child) {
4325
+ if (empty($child->lines) && empty($child->children)) {
4326
+ if (isset($block->children[$i + 1])) {
4327
+ $block->children[$i + 1]->depth = $child->depth;
4328
+ }
4329
+ continue;
4330
+ }
4331
+ $children[] = $child;
4332
+ }
4333
+
4334
+ $count = count($children);
4335
+ for ($i = 0; $i < $count; $i++) {
4336
+ $depth = $children[$i]->depth;
4337
+ $j = $i + 1;
4338
+ if (isset($children[$j]) && $depth < $children[$j]->depth) {
4339
+ $childDepth = $children[$j]->depth;
4340
+ for (; $j < $count; $j++) {
4341
+ if ($depth < $children[$j]->depth && $childDepth >= $children[$j]->depth) {
4342
+ $children[$j]->depth = $depth + 1;
4343
+ }
4344
+ }
4345
+ }
4346
+ }
4347
+
4348
+ $block->children = $children;
4349
+
4350
+ // make relative to parent
4351
+ foreach ($block->children as $child) {
4352
+ $this->adjustAllChildren($child);
4353
+ $child->depth = $child->depth - $block->depth;
4354
+ }
4355
+ }
4356
+
4357
+ protected function blockLines($inner, $block)
4358
+ {
4359
+ $glue = $this->break . $inner;
4360
+
4361
+ foreach ($block->lines as $index => $line) {
4362
+ if (substr($line, 0, 2) === '/*') {
4363
+ $block->lines[$index] = preg_replace('/(\r|\n)+/', $glue, $line);
4364
+ }
4365
+ }
4366
+
4367
+ echo $inner . implode($glue, $block->lines);
4368
+
4369
+ if (!empty($block->children)) {
4370
+ echo $this->break;
4371
+ }
4372
+ }
4373
+
4374
+ protected function block($block) {
4375
+ if ($block->type == 'root') {
4376
+ $this->adjustAllChildren($block);
4377
+ }
4378
+
4379
+ $inner = $pre = $this->indentStr($block->depth - 1);
4380
+ if (!empty($block->selectors)) {
4381
+ echo $pre .
4382
+ implode($this->tagSeparator, $block->selectors) .
4383
+ $this->open . $this->break;
4384
+ $this->indentLevel++;
4385
+ $inner = $this->indentStr($block->depth - 1);
4386
+ }
4387
+
4388
+ if (!empty($block->lines)) {
4389
+ $this->blockLines($inner, $block);
4390
+ }
4391
+
4392
+ foreach ($block->children as $i => $child) {
4393
+ // echo "*** block: ".$block->depth." child: ".$child->depth."\n";
4394
+ $this->block($child);
4395
+ if ($i < count($block->children) - 1) {
4396
+ echo $this->break;
4397
+
4398
+ if (isset($block->children[$i + 1])) {
4399
+ $next = $block->children[$i + 1];
4400
+ if ($next->depth == max($block->depth, 1) && $child->depth >= $next->depth) {
4401
+ echo $this->break;
4402
+ }
4403
+ }
4404
+ }
4405
+ }
4406
+
4407
+ if (!empty($block->selectors)) {
4408
+ $this->indentLevel--;
4409
+ echo $this->close;
4410
+ }
4411
+
4412
+ if ($block->type == 'root') {
4413
+ echo $this->break;
4414
+ }
4415
+ }
4416
+ }
4417
+
4418
+ /**
4419
+ * SCSS compressed formatter
4420
+ *
4421
+ * @author Leaf Corcoran <leafot@gmail.com>
4422
+ */
4423
+ class scss_formatter_compressed extends scss_formatter {
4424
+ public $open = '{';
4425
+ public $tagSeparator = ',';
4426
+ public $assignSeparator = ':';
4427
+ public $break = '';
4428
+
4429
+ public function indentStr($n = 0) {
4430
+ return '';
4431
+ }
4432
+
4433
+ public function blockLines($inner, $block)
4434
+ {
4435
+ $glue = $this->break.$inner;
4436
+
4437
+ foreach ($block->lines as $index => $line) {
4438
+ if (substr($line, 0, 2) === '/*' && substr($line, 2, 1) !== '!') {
4439
+ unset($block->lines[$index]);
4440
+ } elseif (substr($line, 0, 3) === '/*!') {
4441
+ $block->lines[$index] = '/*' . substr($line, 3);
4442
+ }
4443
+ }
4444
+
4445
+ echo $inner . implode($glue, $block->lines);
4446
+
4447
+ if (!empty($block->children)) {
4448
+ echo $this->break;
4449
+ }
4450
+ }
4451
+ }
4452
+
4453
+ /**
4454
+ * SCSS crunched formatter
4455
+ *
4456
+ * @author Anthon Pang <anthon.pang@gmail.com>
4457
+ */
4458
+ class scss_formatter_crunched extends scss_formatter {
4459
+ public $open = '{';
4460
+ public $tagSeparator = ',';
4461
+ public $assignSeparator = ':';
4462
+ public $break = '';
4463
+
4464
+ public function indentStr($n = 0) {
4465
+ return '';
4466
+ }
4467
+
4468
+ public function blockLines($inner, $block)
4469
+ {
4470
+ $glue = $this->break.$inner;
4471
+
4472
+ foreach ($block->lines as $index => $line) {
4473
+ if (substr($line, 0, 2) === '/*') {
4474
+ unset($block->lines[$index]);
4475
+ }
4476
+ }
4477
+
4478
+ echo $inner . implode($glue, $block->lines);
4479
+
4480
+ if (!empty($block->children)) {
4481
+ echo $this->break;
4482
+ }
4483
+ }
4484
+ }
4485
+
4486
+ /**
4487
+ * SCSS server
4488
+ *
4489
+ * @author Leaf Corcoran <leafot@gmail.com>
4490
+ */
4491
+ class scss_server {
4492
+ /**
4493
+ * Join path components
4494
+ *
4495
+ * @param string $left Path component, left of the directory separator
4496
+ * @param string $right Path component, right of the directory separator
4497
+ *
4498
+ * @return string
4499
+ */
4500
+ protected function join($left, $right) {
4501
+ return rtrim($left, '/\\') . DIRECTORY_SEPARATOR . ltrim($right, '/\\');
4502
+ }
4503
+
4504
+ /**
4505
+ * Get name of requested .scss file
4506
+ *
4507
+ * @return string|null
4508
+ */
4509
+ protected function inputName() {
4510
+ switch (true) {
4511
+ case isset($_GET['p']):
4512
+ return $_GET['p'];
4513
+ case isset($_SERVER['PATH_INFO']):
4514
+ return $_SERVER['PATH_INFO'];
4515
+ case isset($_SERVER['DOCUMENT_URI']):
4516
+ return substr($_SERVER['DOCUMENT_URI'], strlen($_SERVER['SCRIPT_NAME']));
4517
+ }
4518
+ }
4519
+
4520
+ /**
4521
+ * Get path to requested .scss file
4522
+ *
4523
+ * @return string
4524
+ */
4525
+ protected function findInput() {
4526
+ if (($input = $this->inputName())
4527
+ && strpos($input, '..') === false
4528
+ && substr($input, -5) === '.scss'
4529
+ ) {
4530
+ $name = $this->join($this->dir, $input);
4531
+
4532
+ if (is_file($name) && is_readable($name)) {
4533
+ return $name;
4534
+ }
4535
+ }
4536
+
4537
+ return false;
4538
+ }
4539
+
4540
+ /**
4541
+ * Get path to cached .css file
4542
+ *
4543
+ * @return string
4544
+ */
4545
+ protected function cacheName($fname) {
4546
+ return $this->join($this->cacheDir, md5($fname) . '.css');
4547
+ }
4548
+
4549
+ /**
4550
+ * Get path to meta data
4551
+ *
4552
+ * @return string
4553
+ */
4554
+ protected function metadataName($out) {
4555
+ return $out . '.meta';
4556
+ }
4557
+
4558
+ /**
4559
+ * Determine whether .scss file needs to be re-compiled.
4560
+ *
4561
+ * @param string $in Input path
4562
+ * @param string $out Output path
4563
+ * @param string $etag ETag
4564
+ *
4565
+ * @return boolean True if compile required.
4566
+ */
4567
+ protected function needsCompile($in, $out, &$etag) {
4568
+ if ( ! is_file($out)) {
4569
+ return true;
4570
+ }
4571
+
4572
+ $mtime = filemtime($out);
4573
+
4574
+ if (filemtime($in) > $mtime) {
4575
+ return true;
4576
+ }
4577
+
4578
+ $metadataName = $this->metadataName($out);
4579
+
4580
+ if (is_readable($metadataName)) {
4581
+ $metadata = unserialize(file_get_contents($metadataName));
4582
+
4583
+ if ($metadata['etag'] === $etag) {
4584
+ return false;
4585
+ }
4586
+
4587
+ foreach ($metadata['imports'] as $import) {
4588
+ if (filemtime($import) > $mtime) {
4589
+ return true;
4590
+ }
4591
+ }
4592
+
4593
+ $etag = $metadata['etag'];
4594
+
4595
+ return false;
4596
+ }
4597
+
4598
+ return true;
4599
+ }
4600
+
4601
+ /**
4602
+ * Get If-Modified-Since header from client request
4603
+ *
4604
+ * @return string|null
4605
+ */
4606
+ protected function getIfModifiedSinceHeader()
4607
+ {
4608
+ $modifiedSince = null;
4609
+
4610
+ if (isset($_SERVER['HTTP_IF_MODIFIED_SINCE'])) {
4611
+ $modifiedSince = $_SERVER['HTTP_IF_MODIFIED_SINCE'];
4612
+
4613
+ if (false !== ($semicolonPos = strpos($modifiedSince, ';'))) {
4614
+ $modifiedSince = substr($modifiedSince, 0, $semicolonPos);
4615
+ }
4616
+ }
4617
+
4618
+ return $modifiedSince;
4619
+ }
4620
+
4621
+ /**
4622
+ * Get If-None-Match header from client request
4623
+ *
4624
+ * @return string|null
4625
+ */
4626
+ protected function getIfNoneMatchHeader()
4627
+ {
4628
+ $noneMatch = null;
4629
+
4630
+ if (isset($_SERVER['HTTP_IF_NONE_MATCH'])) {
4631
+ $noneMatch = $_SERVER['HTTP_IF_NONE_MATCH'];
4632
+ }
4633
+
4634
+ return $noneMatch;
4635
+ }
4636
+
4637
+ /**
4638
+ * Compile .scss file
4639
+ *
4640
+ * @param string $in Input path (.scss)
4641
+ * @param string $out Output path (.css)
4642
+ *
4643
+ * @return array
4644
+ */
4645
+ protected function compile($in, $out)
4646
+ {
4647
+ $start = microtime(true);
4648
+ $css = $this->scss->compile(file_get_contents($in), $in);
4649
+ $elapsed = round((microtime(true) - $start), 4);
4650
+
4651
+ $v = scssc::$VERSION;
4652
+ $t = @date('r');
4653
+ $css = "/* compiled by scssphp $v on $t (${elapsed}s) */\n\n" . $css;
4654
+ $etag = md5($css);
4655
+
4656
+ file_put_contents($out, $css);
4657
+ file_put_contents(
4658
+ $this->metadataName($out),
4659
+ serialize(array(
4660
+ 'etag' => $etag,
4661
+ 'imports' => $this->scss->getParsedFiles(),
4662
+ ))
4663
+ );
4664
+
4665
+ return array($css, $etag);
4666
+ }
4667
+
4668
+ /**
4669
+ * Compile requested scss and serve css. Outputs HTTP response.
4670
+ *
4671
+ * @param string $salt Prefix a string to the filename for creating the cache name hash
4672
+ */
4673
+ public function serve($salt = '') {
4674
+ $protocol = isset($_SERVER['SERVER_PROTOCOL'])
4675
+ ? $_SERVER['SERVER_PROTOCOL']
4676
+ : 'HTTP/1.0';
4677
+
4678
+ if ($input = $this->findInput()) {
4679
+ $output = $this->cacheName($salt . $input);
4680
+ $etag = $noneMatch = trim($this->getIfNoneMatchHeader(), '"');
4681
+
4682
+ if ($this->needsCompile($input, $output, $etag)) {
4683
+ try {
4684
+ list($css, $etag) = $this->compile($input, $output);
4685
+
4686
+ $lastModified = gmdate('D, d M Y H:i:s', filemtime($output)) . ' GMT';
4687
+
4688
+ header('Last-Modified: ' . $lastModified);
4689
+ header('Content-type: text/css');
4690
+ header('ETag: "' . $etag . '"');
4691
+
4692
+ echo $css;
4693
+
4694
+ return;
4695
+ } catch (Exception $e) {
4696
+ header($protocol . ' 500 Internal Server Error');
4697
+ header('Content-type: text/plain');
4698
+
4699
+ echo 'Parse error: ' . $e->getMessage() . "\n";
4700
+ }
4701
+ }
4702
+
4703
+ header('X-SCSS-Cache: true');
4704
+ header('Content-type: text/css');
4705
+ header('ETag: "' . $etag . '"');
4706
+
4707
+ if ($etag === $noneMatch) {
4708
+ header($protocol . ' 304 Not Modified');
4709
+
4710
+ return;
4711
+ }
4712
+
4713
+ $modifiedSince = $this->getIfModifiedSinceHeader();
4714
+ $mtime = filemtime($output);
4715
+
4716
+ if (@strtotime($modifiedSince) === $mtime) {
4717
+ header($protocol . ' 304 Not Modified');
4718
+
4719
+ return;
4720
+ }
4721
+
4722
+ $lastModified = gmdate('D, d M Y H:i:s', $mtime) . ' GMT';
4723
+ header('Last-Modified: ' . $lastModified);
4724
+
4725
+ echo file_get_contents($output);
4726
+
4727
+ return;
4728
+ }
4729
+
4730
+ header($protocol . ' 404 Not Found');
4731
+ header('Content-type: text/plain');
4732
+
4733
+ $v = scssc::$VERSION;
4734
+ echo "/* INPUT NOT FOUND scss $v */\n";
4735
+ }
4736
+
4737
+ /**
4738
+ * Constructor
4739
+ *
4740
+ * @param string $dir Root directory to .scss files
4741
+ * @param string $cacheDir Cache directory
4742
+ * @param \scssc|null $scss SCSS compiler instance
4743
+ */
4744
+ public function __construct($dir, $cacheDir=null, $scss=null) {
4745
+ $this->dir = $dir;
4746
+
4747
+ if (!isset($cacheDir)) {
4748
+ $cacheDir = $this->join($dir, 'scss_cache');
4749
+ }
4750
+
4751
+ $this->cacheDir = $cacheDir;
4752
+ if (!is_dir($this->cacheDir)) mkdir($this->cacheDir, 0755, true);
4753
+
4754
+ if (!isset($scss)) {
4755
+ $scss = new scssc();
4756
+ $scss->setImportPaths($this->dir);
4757
+ }
4758
+ $this->scss = $scss;
4759
+ }
4760
+
4761
+ /**
4762
+ * Helper method to serve compiled scss
4763
+ *
4764
+ * @param string $path Root path
4765
+ */
4766
+ static public function serveFrom($path) {
4767
+ $server = new self($path);
4768
+ $server->serve();
4769
+ }
4770
+ }
includes/views/scss.php ADDED
@@ -0,0 +1,330 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ if ( ! defined( 'ABSPATH' ) ) {
3
+ exit; // Exit if accessed directly.
4
+ }
5
+ ?>
6
+
7
+ // Varibles.
8
+ $primary: <?php echo $colors['primary']; ?>;
9
+ $primarytext: <?php echo wc_light_or_dark( $colors['primary'], 'desaturate(darken($primary,50%),18%)', 'desaturate(lighten($primary,50%),18%)' ) ?>;
10
+ $secondary: <?php echo $colors['secondary']; ?>;
11
+ $secondarytext: <?php echo wc_light_or_dark( $colors['secondary'], 'desaturate(darken($secondary,60%),18%)', 'desaturate(lighten($secondary,60%),18%)' ); ?>;
12
+ $highlight: <?php echo $colors['highlight']; ?>;
13
+ $highlightext: <?php echo wc_light_or_dark( $colors['highlight'], 'desaturate(darken($highlight,60%),18%)', 'desaturate(lighten($highlight,60%),18%)' ) ?>;
14
+ $contentbg: <?php echo $colors['content_bg']; ?>;
15
+ $subtext: <?php echo $colors['subtext']; ?>;
16
+
17
+ p.demo_store {
18
+ background-color: $primary;
19
+ color: $primarytext;
20
+ }
21
+
22
+ .woocommerce {
23
+
24
+ .woocommerce-message,
25
+ .woocommerce-error,
26
+ .woocommerce-info {
27
+ background-color: lighten($secondary,5%);
28
+ color: $secondarytext;
29
+ }
30
+
31
+ small.note {
32
+ color: $subtext;
33
+ }
34
+
35
+ .woocommerce-breadcrumb{
36
+ color: $subtext;
37
+
38
+ a {
39
+ color: $subtext;
40
+ }
41
+ }
42
+
43
+ div.product {
44
+ span.price,
45
+ p.price {
46
+ color: $highlight;
47
+ }
48
+
49
+ .stock {
50
+ color: $highlight;
51
+ }
52
+
53
+ .woocommerce-tabs {
54
+ ul.tabs {
55
+ li {
56
+ border: 1px solid darken( $secondary, 10% );
57
+ background-color: $secondary;
58
+
59
+ a {
60
+ color: $secondarytext;
61
+
62
+ &:hover {
63
+ color: lighten( $secondarytext, 10% );
64
+ }
65
+ }
66
+
67
+ &.active {
68
+ background: $contentbg;
69
+ border-bottom-color: $contentbg;
70
+
71
+ &:before {
72
+ box-shadow: 2px 2px 0 $contentbg;
73
+ }
74
+
75
+ &:after {
76
+ box-shadow: -2px 2px 0 $contentbg;
77
+ }
78
+ }
79
+
80
+ &:before,
81
+ &:after {
82
+ border: 1px solid darken( $secondary, 10% );
83
+ }
84
+
85
+ &:before {
86
+ box-shadow: 2px 2px 0 $secondary;
87
+ }
88
+
89
+ &:after {
90
+ box-shadow: -2px 2px 0 $secondary;
91
+ }
92
+ }
93
+
94
+ &:before {
95
+ border-bottom: 1px solid darken( $secondary, 10% );
96
+ }
97
+ }
98
+ }
99
+ }
100
+
101
+ span.onsale {
102
+ background-color: $highlight;
103
+ color: $highlightext;
104
+ }
105
+
106
+ ul.products {
107
+ li.product {
108
+ .price {
109
+ color: $highlight;
110
+
111
+ .from {
112
+ color: rgba(desaturate($highlight, 75%), 0.5);
113
+ }
114
+ }
115
+ }
116
+ }
117
+
118
+ nav.woocommerce-pagination {
119
+ ul {
120
+ border: 1px solid darken( $secondary, 10% );
121
+
122
+ li {
123
+ border-right: 1px solid darken( $secondary, 10% );
124
+
125
+ span.current,
126
+ a:hover,
127
+ a:focus {
128
+ background: $secondary;
129
+ color: darken( $secondary, 40% );
130
+ }
131
+ }
132
+ }
133
+ }
134
+
135
+ a.button,
136
+ button.button,
137
+ input.button,
138
+ #respond input#submit {
139
+ color: $secondarytext;
140
+ background-color: $secondary;
141
+
142
+ &:hover {
143
+ background-color: $secondary - #111;
144
+ color: $secondarytext;
145
+ }
146
+
147
+ &.alt {
148
+ background-color: $primary;
149
+ color: $primarytext;
150
+
151
+ &:hover {
152
+ background-color: $primary - #111;
153
+ color: $primarytext;
154
+ }
155
+
156
+ &.disabled,
157
+ &:disabled,
158
+ &:disabled[disabled],
159
+ &.disabled:hover,
160
+ &:disabled:hover,
161
+ &:disabled[disabled]:hover {
162
+ background-color: $primary;
163
+ color: $primarytext;
164
+ }
165
+ }
166
+
167
+ &:disabled,
168
+ &.disabled,
169
+ &:disabled[disabled] {
170
+ &:hover {
171
+ background-color: $secondary;
172
+ }
173
+ }
174
+ }
175
+
176
+ #reviews {
177
+ h2 small {
178
+ color: $subtext;
179
+
180
+ a {
181
+ color: $subtext;
182
+ }
183
+ }
184
+
185
+ #comments {
186
+ ol.commentlist {
187
+ li {
188
+ .meta {
189
+ color: $subtext;
190
+ }
191
+
192
+ img.avatar {
193
+ background: $secondary;
194
+ border: 1px solid darken( $secondary, 3% );
195
+ }
196
+
197
+ .comment-text {
198
+ border: 1px solid darken( $secondary, 3% );
199
+ }
200
+ }
201
+
202
+ #respond {
203
+ border: 1px solid darken( $secondary, 3% );
204
+ }
205
+ }
206
+ }
207
+ }
208
+
209
+ .star-rating {
210
+ &:before {
211
+ color: darken( $secondary, 10% );
212
+ }
213
+ }
214
+
215
+ &.widget_shopping_cart,
216
+ .widget_shopping_cart {
217
+ .total {
218
+ border-top: 3px double $secondary;
219
+ }
220
+ }
221
+
222
+ form.login,
223
+ form.checkout_coupon,
224
+ form.register {
225
+ border: 1px solid darken( $secondary, 10% );
226
+ }
227
+
228
+ .order_details {
229
+ li {
230
+ border-right: 1px dashed darken( $secondary, 10% );
231
+ }
232
+ }
233
+
234
+ .widget_price_filter {
235
+ .ui-slider .ui-slider-handle {
236
+ background-color: $primary;
237
+ }
238
+
239
+ .ui-slider .ui-slider-range {
240
+ background-color: $primary;
241
+ }
242
+
243
+ .price_slider_wrapper .ui-widget-content {
244
+ background-color: $primary - #444;
245
+ }
246
+ }
247
+ }
248
+
249
+ .woocommerce-cart {
250
+ table.cart {
251
+ td.actions {
252
+ .coupon {
253
+ .input-text {
254
+ border: 1px solid darken( $secondary, 10% );
255
+ }
256
+ }
257
+ }
258
+ }
259
+
260
+ .cart-collaterals {
261
+ .cart_totals {
262
+ p {
263
+ small {
264
+ color: $subtext;
265
+ }
266
+ }
267
+
268
+ table {
269
+ small {
270
+ color: $subtext;
271
+ }
272
+ }
273
+
274
+ .discount td {
275
+ color: $highlight;
276
+ }
277
+
278
+ tr td,
279
+ tr th {
280
+ border-top: 1px solid $secondary;
281
+ }
282
+ }
283
+ }
284
+ }
285
+
286
+ .woocommerce-checkout {
287
+ .checkout {
288
+ .create-account small {
289
+ color: $subtext;
290
+ }
291
+ }
292
+
293
+ #payment {
294
+ background: $secondary;
295
+
296
+ ul.payment_methods {
297
+ border-bottom: 1px solid darken( $secondary, 10% );
298
+ }
299
+
300
+ div.payment_box {
301
+ background-color: darken( $secondary, 5% );
302
+ color: $secondarytext;
303
+
304
+ input.input-text, textarea {
305
+ border-color: darken( $secondary, 15% );
306
+ border-top-color: darken( $secondary, 20% );
307
+ }
308
+
309
+ ::-webkit-input-placeholder {
310
+ color: darken( $secondary, 20% );
311
+ }
312
+
313
+ :-moz-placeholder {
314
+ color: darken( $secondary, 20% );
315
+ }
316
+
317
+ :-ms-input-placeholder {
318
+ color: darken( $secondary, 20% );
319
+ }
320
+
321
+ span.help {
322
+ color: $subtext;
323
+ }
324
+
325
+ &:after {
326
+ border: 8px solid darken( $secondary, 5% );
327
+ }
328
+ }
329
+ }
330
+ }
languages/woocommerce-colors.pot ADDED
@@ -0,0 +1,67 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Copyright (C) 2014 WooThemes
2
+ # This file is distributed under the GPLv2 or later.
3
+ msgid ""
4
+ msgstr ""
5
+ "Project-Id-Version: WooCommerce Colors 1.0.0\n"
6
+ "Report-Msgid-Bugs-To: "
7
+ "http://wordpress.org/support/plugin/woocommerce-frontend-styles/\n"
8
+ "POT-Creation-Date: 2014-12-15 16:45:45+00:00\n"
9
+ "MIME-Version: 1.0\n"
10
+ "Content-Type: text/plain; charset=utf-8\n"
11
+ "Content-Transfer-Encoding: 8bit\n"
12
+ "PO-Revision-Date: 2014-MO-DA HO:MI+ZONE\n"
13
+ "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
14
+ "Language-Team: LANGUAGE <EMAIL@ADDRESS>\n"
15
+ "X-Generator: grunt-wp-i18n 0.4.9\n"
16
+
17
+ #: includes/class-wc-colors-customizer.php:40
18
+ msgid "WooCommerce"
19
+ msgstr ""
20
+
21
+ #. Description of the plugin/theme
22
+ msgid "WooCommerce Colors."
23
+ msgstr ""
24
+
25
+ #: includes/class-wc-colors-customizer.php:54
26
+ msgid "Primary Color"
27
+ msgstr ""
28
+
29
+ #: includes/class-wc-colors-customizer.php:69
30
+ msgid "Secondary Color"
31
+ msgstr ""
32
+
33
+ #: includes/class-wc-colors-customizer.php:84
34
+ msgid "Highlight Color"
35
+ msgstr ""
36
+
37
+ #: includes/class-wc-colors-customizer.php:99
38
+ msgid "Content Background Color"
39
+ msgstr ""
40
+
41
+ #: includes/class-wc-colors-customizer.php:114
42
+ msgid "Subtext Color"
43
+ msgstr ""
44
+
45
+ #: woocommerce-colors.php:160
46
+ msgid "WooCommerce Colors depends on the last version of %s or later to work!"
47
+ msgstr ""
48
+
49
+ #: woocommerce-colors.php:160
50
+ msgid "WooCommerce 2.3"
51
+ msgstr ""
52
+
53
+ #. Plugin Name of the plugin/theme
54
+ msgid "WooCommerce Colors"
55
+ msgstr ""
56
+
57
+ #. Plugin URI of the plugin/theme
58
+ msgid "http://wordpress.org/plugins/woocommerce-colors/"
59
+ msgstr ""
60
+
61
+ #. Author of the plugin/theme
62
+ msgid "WooThemes"
63
+ msgstr ""
64
+
65
+ #. Author URI of the plugin/theme
66
+ msgid "http://woothemes.com"
67
+ msgstr ""
readme.txt ADDED
@@ -0,0 +1,62 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ === WooCommerce Colors ===
2
+ Contributors: woothemes, claudiosanches
3
+ Tags: woocommerce, shortcodes
4
+ Requires at least: 3.9
5
+ Tested up to: 4.1
6
+ Stable tag: 1.0.0
7
+ License: GPLv2 or later
8
+ License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
+
10
+ Allows you to change the buttons color and other elements of WooCommerce. Beautifully.
11
+
12
+ == Description ==
13
+
14
+ This plugin adds a new session called WooCommerce on the Customize menu, allowing you to easily change color of buttons and [WooCommerce](http://wordpress.org/plugins/woocommerce/) elements.
15
+
16
+ Starting WooCommerce 2.3 the Frontend styles options will no longer be part of WooCommerce and will only be available by using this plugin.
17
+
18
+ = Requeriments =
19
+
20
+ * WordPress 3.9 or later.
21
+ * WooCommerce 2.3 or later.
22
+
23
+ = Contribute =
24
+
25
+ You can contribute to the source code in our [GitHub](https://github.com/woothemes/woocommerce-colors/) page.
26
+
27
+ == Installation ==
28
+
29
+ * Upload plugin files to your plugins folder, or install using WordPress built-in Add New Plugin installer;
30
+ * Activate the plugin;
31
+ * This ready! You can now use change the colors of your store on the Customize menu.
32
+
33
+ == Frequently Asked Questions ==
34
+
35
+ = What is the plugin license? =
36
+
37
+ * This plugin is released under a GPL license.
38
+
39
+ = What is needed to use this plugin? =
40
+
41
+ * WordPress 3.9 or later.
42
+ * WooCommerce 2.2 or later.
43
+
44
+ = How this plugin works? =
45
+
46
+ * Works just adding new colors options on the Customize menu.
47
+
48
+ == Screenshots ==
49
+
50
+ 1. WooCommerce Colors on Customizer menu.
51
+
52
+ == Changelog ==
53
+
54
+ = 1.0.0 =
55
+
56
+ * Initial version.
57
+
58
+ == Upgrade Notice ==
59
+
60
+ = 1.0.0 =
61
+
62
+ * Initial version.
screenshot-1.png ADDED
Binary file
woocommerce-colors.php ADDED
@@ -0,0 +1,169 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Plugin Name: WooCommerce Colors
4
+ * Plugin URI: http://wordpress.org/plugins/woocommerce-colors/
5
+ * Description: WooCommerce Colors.
6
+ * Author: WooThemes
7
+ * Author URI: http://woothemes.com
8
+ * Version: 1.0.0
9
+ * License: GPLv2 or later
10
+ * Text Domain: woocommerce-colors
11
+ * Domain Path: languages/
12
+ */
13
+
14
+ if ( ! defined( 'ABSPATH' ) ) {
15
+ exit;
16
+ }
17
+
18
+ if ( ! class_exists( 'WC_Colors' ) ) :
19
+
20
+ /**
21
+ * WooCommerce Colors main class.
22
+ */
23
+ class WC_Colors {
24
+
25
+ /**
26
+ * Plugin version.
27
+ *
28
+ * @var string
29
+ */
30
+ const VERSION = '1.0.0';
31
+
32
+ /**
33
+ * Instance of this class.
34
+ *
35
+ * @var object
36
+ */
37
+ protected static $instance = null;
38
+
39
+ /**
40
+ * Initialize the plugin.
41
+ */
42
+ private function __construct() {
43
+ // Load plugin text domain
44
+ add_action( 'init', array( $this, 'load_plugin_textdomain' ) );
45
+
46
+ // Checks with WooCommerce is installed.
47
+ if ( defined( 'WC_VERSION' ) && version_compare( WC_VERSION, '2.3', '>=' ) ) {
48
+ $this->includes();
49
+ } else {
50
+ add_action( 'admin_notices', array( $this, 'woocommerce_missing_notice' ) );
51
+ }
52
+ }
53
+
54
+ /**
55
+ * Return an instance of this class.
56
+ *
57
+ * @return object A single instance of this class.
58
+ */
59
+ public static function get_instance() {
60
+ // If the single instance hasn't been set, set it now.
61
+ if ( null == self::$instance ) {
62
+ self::$instance = new self;
63
+ }
64
+
65
+ return self::$instance;
66
+ }
67
+
68
+ /**
69
+ * Get assets url.
70
+ *
71
+ * @return string
72
+ */
73
+ public static function get_assets_url() {
74
+ return plugins_url( 'assets/', __FILE__ );
75
+ }
76
+
77
+ /**
78
+ * Load the plugin text domain for translation.
79
+ */
80
+ public function load_plugin_textdomain() {
81
+ $locale = apply_filters( 'plugin_locale', get_locale(), 'woocommerce-colors' );
82
+
83
+ load_textdomain( 'woocommerce-colors', trailingslashit( WP_LANG_DIR ) . 'woocommerce-colors/woocommerce-colors-' . $locale . '.mo' );
84
+ load_plugin_textdomain( 'woocommerce-colors', false, dirname( plugin_basename( __FILE__ ) ) . '/languages/' );
85
+ }
86
+
87
+ /**
88
+ * Includes.
89
+ */
90
+ private function includes() {
91
+ include_once 'includes/class-wc-colors-customizer.php';
92
+ }
93
+
94
+ /**
95
+ * Get the plugin options.
96
+ *
97
+ * @param array $colors
98
+ *
99
+ * @return array
100
+ */
101
+ public static function get_options( $colors ) {
102
+ $colors = array_map( 'esc_attr', (array) $colors );
103
+
104
+ // Defaults.
105
+ if ( empty( $colors['primary'] ) ) {
106
+ $colors['primary'] = '#a46497';
107
+ }
108
+ if ( empty( $colors['secondary'] ) ) {
109
+ $colors['secondary'] = '#ebe9eb';
110
+ }
111
+ if ( empty( $colors['highlight'] ) ) {
112
+ $colors['highlight'] = '#77a464';
113
+ }
114
+ if ( empty( $colors['content_bg'] ) ) {
115
+ $colors['content_bg'] = '#ffffff';
116
+ }
117
+ if ( empty( $colors['subtext'] ) ) {
118
+ $colors['subtext'] = '#777777';
119
+ }
120
+
121
+ return $colors;
122
+ }
123
+
124
+ /**
125
+ * Install method.
126
+ */
127
+ public static function install() {
128
+ // Get old frontend colors from WooCommerce core.
129
+ $colors = get_option( 'woocommerce_frontend_css_colors' );
130
+
131
+ if ( $colors ) {
132
+ $colors = self::get_options( $colors );
133
+
134
+ update_option( 'woocommerce_colors', $colors );
135
+
136
+ // Compile the css.
137
+ include_once 'includes/libs/class-scss.php';
138
+
139
+ ob_start();
140
+ include 'includes/views/scss.php';
141
+ $scss = ob_get_clean();
142
+
143
+ $compiler = new scssc;
144
+ $compiler->setFormatter( 'scss_formatter_compressed' );
145
+ $compiled_css = $compiler->compile( trim( $scss ) );
146
+
147
+ update_option( 'woocommerce_colors_css', $compiled_css );
148
+
149
+ // Delete the old option.
150
+ delete_option( 'woocommerce_frontend_css_colors' );
151
+ }
152
+ }
153
+
154
+ /**
155
+ * WooCommerce fallback notice.
156
+ *
157
+ * @return string
158
+ */
159
+ public function woocommerce_missing_notice() {
160
+ echo '<div class="error"><p>' . sprintf( __( 'WooCommerce Colors depends on the last version of %s or later to work!', 'woocommerce-colors' ), '<a href="http://www.woothemes.com/woocommerce/" target="_blank">' . __( 'WooCommerce 2.3', 'woocommerce-colors' ) . '</a>' ) . '</p></div>';
161
+ }
162
+ }
163
+
164
+ // Plugin install.
165
+ register_activation_hook( __FILE__, array( 'WC_Colors', 'install' ) );
166
+
167
+ add_action( 'plugins_loaded', array( 'WC_Colors', 'get_instance' ), 0 );
168
+
169
+ endif;