css.css:style.styl
+css.css:images/sprites.svg
+images/sprites.min.svg:images/sprites.svg
-svgs=
+svgs= images/sprites.svg
minified_svgs= $(svgs:.svg=.min.svg)
generated_images= $(svgs:.svg=.png)
images=
clean:
rm -f $(objects)
-css.css: style.styl .sha1sums.styl
- stylus -c -p $< > $@ || rm -f "$@"
+css.css: style.styl .sha1sums.styl inc/wfpl/stylus_helpers.styl
+ stylus -p $< > $@ || rm -f "$@"
.sha1sums.styl: $(images)
( \
-Subproject commit faffdde4b15b98d545f487f783da89aca8190a4e
+Subproject commit 019bb943365e512132a4a309921c014d3b80a69a
content_fg = #000
window_bg = #fff
+// sprites
+wfpl_spritesheets({
+ main: {
+ image: sha1['images/sprites.min.svg']
+ y_origin: 'bottom' // inkscape rulers are backwards
+ w: 200
+ h: 408
+ sprites: {
+ ".icon": {
+ y: 408
+ w: 50
+ h: 50
+ gap: 1
+ hover: 'right'
+ column: 'three' 'four' 'five' 'six' 'seven'
+ }
+ ".top_button": {
+ y: 153
+ w: 25
+ h: 25
+ gap: 1
+ row: '0' '1' '2' '3' '4'
+ hover: 'down'
+ }
+ ".main_logo": {
+ y: 101
+ w: 200
+ h: 50
+ gap: 1
+ hover: 'down'
+ }
+ }
+ }
+})
+
+
////////////////////
// } END SETTINGS //
////////////////////
+.icon
+ display: inline-block
+ width: 40%
+.top_button
+ display: inline-block
+ width: 30%
// always show vertical scrollbar, so content doesn't shift around when