X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=stylus_helpers.styl;h=9aa4b6bb3cb5b110e67aa7775800efa4f798f7ac;hb=fdee70b966cf519d56cc2228759d9f01e8cd15f7;hp=4a351fa856315236415e5c431bd1779bc9160f4f;hpb=7a534068e00c59bb72be40399845099982a72064;p=wfpl.git diff --git a/stylus_helpers.styl b/stylus_helpers.styl index 4a351fa..9aa4b6b 100644 --- a/stylus_helpers.styl +++ b/stylus_helpers.styl @@ -1,4 +1,7 @@ -// Copyright 2014 Jason Woofenden -- Public Domain (CC0) +// This program is in the public domain within the United States. Additionally, +// we waive copyright and related rights in the work worldwide through the CC0 +// 1.0 Universal public domain dedication, which can be found at +// http://creativecommons.org/publicdomain/zero/1.0/ // This file contains helpers for using stylus in your project. // @@ -91,11 +94,15 @@ space_evenly(line_height = 1.2em) // // styl: // nav li -// sprite_rollover "images/nav.png" 150 35 2 +// sprites_rollover "images/nav.png" 150 35 2 sprites_rollover(image, width, height, count, v_offset = 0, h_offset = 0) width: unit(width, px) height: unit(height, px) - background-image: url(image) + if image[1] + background: url(image[0]) + background: url(image[1]), linear-gradient(transparent, transparent); + else + background-image: url(image) background-position: top left background-repeat: no-repeat; for n in (0...count) @@ -110,7 +117,11 @@ sprite_rollover(image, width, height, v_offset = 0, h_offset = 0) // see sprites_rollover sprites(image, height, count, v_offset = 0, h_offset = 0) height: unit(height, px) - background-image: url(image) + if image[1] + background: url(image[0]) + background: url(image[1]), linear-gradient(transparent, transparent); + else + background-image: url(image) background-position: top left background-repeat: no-repeat; for n in (0...count)