Minify CSS with Closure Stylesheets

See https://code.google.com/p/closure-stylesheets/
This commit is contained in:
Tom Payne
2012-09-28 14:15:27 +02:00
parent 5615eabf66
commit da5ad0bf20
4 changed files with 19 additions and 7 deletions
+1
View File
@@ -2,6 +2,7 @@
/build/gh-pages /build/gh-pages
/build/lint-spec-timestamp /build/lint-spec-timestamp
/build/lint-src-timestamp /build/lint-src-timestamp
/build/ol.css
/build/ol.js /build/ol.js
/build/ol-all.js /build/ol-all.js
/build/proj4js-combined.js /build/proj4js-combined.js
+3 -2
View File
@@ -15,9 +15,9 @@ all: build-all build examples
precommit: lint build-all doc test build precommit: lint build-all doc test build
.PHONY: build .PHONY: build
build: build/ol.js build: build/ol.css build/ol.js
build/ol.js: $(PLOVR_JAR) $(SRC) base.json build/ol.json build/ol.js build/ol.css: $(PLOVR_JAR) $(SRC) base.json build/ol.json
java -jar $(PLOVR_JAR) build build/ol.json >$@ java -jar $(PLOVR_JAR) build build/ol.json >$@
@echo $@ "uncompressed:" $$(wc -c <$@) bytes @echo $@ "uncompressed:" $$(wc -c <$@) bytes
@echo $@ " compressed:" $$(gzip -9 -c <$@ | wc -c) bytes @echo $@ " compressed:" $$(gzip -9 -c <$@ | wc -c) bytes
@@ -77,6 +77,7 @@ test:
clean: clean:
rm -f build/lint-spec-timestamp rm -f build/lint-spec-timestamp
rm -f build/lint-src-timestamp rm -f build/lint-src-timestamp
rm -f build/ol.css
rm -f build/ol.js rm -f build/ol.js
rm -f build/ol-all.js rm -f build/ol-all.js
rm -f build/require-all.js rm -f build/require-all.js
+10
View File
@@ -2,6 +2,16 @@
"id": "ol", "id": "ol",
"css-allowed-unrecognized-properties": [
"user-select"
],
"css-inputs": [
"css/ol.css"
],
"css-output-file": "build/ol.css",
"externs": [ "externs": [
"externs/bingmaps.js", "externs/bingmaps.js",
"externs/ol.js", "externs/ol.js",
+5 -5
View File
@@ -34,12 +34,12 @@
height: 22px; height: 22px;
width:22px; width:22px;
line-height: 19px; line-height: 19px;
background: #130085; /* fallback for IE - IE6 requires background shorthand*/ background: #130085; /* @alternate */ /* fallback for IE - IE6 requires background shorthand*/
background: rgba(0, 60, 136, 0.5); background: rgba(0, 60, 136, 0.5);
filter: alpha(opacity=80); filter: alpha(opacity=80);
} }
.ol-zoom a:hover { .ol-zoom a:hover {
background: #130085; /* fallback for IE */ background: #130085; /* @alternate */ /* fallback for IE */
background: rgba(0, 60, 136, 0.7); background: rgba(0, 60, 136, 0.7);
filter: alpha(opacity=100); filter: alpha(opacity=100);
} }
@@ -188,12 +188,12 @@
height: 22px; height: 22px;
width:22px; width:22px;
line-height: 19px; line-height: 19px;
background: #130085; /* fallback for IE - IE6 requires background shorthand*/ background: #130085; /* @alternate */ /* fallback for IE - IE6 requires background shorthand*/
background: rgba(0, 60, 136, 0.5); background: rgba(0, 60, 136, 0.5);
filter: alpha(opacity=80); filter: alpha(opacity=80);
} }
.ol-control-zoom a:hover { .ol-control-zoom a:hover {
background: #130085; /* fallback for IE */ background: #130085; /* @alternate */ /* fallback for IE */
background: rgba(0, 60, 136, 0.7); background: rgba(0, 60, 136, 0.7);
filter: alpha(opacity=100); filter: alpha(opacity=100);
} }
@@ -215,7 +215,7 @@
color: #eeeeee; color: #eeeeee;
bottom: 0; bottom: 0;
right: 0; right: 0;
background: #130085; /* fallback for IE - IE6 requires background shorthand*/ background: #130085; /* @alternate */ /* fallback for IE - IE6 requires background shorthand*/
background: rgba(0, 60, 136, 0.3); background: rgba(0, 60, 136, 0.3);
filter: alpha(opacity=30); filter: alpha(opacity=30);
font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;