Git Product home page Git Product logo

aaronrussell / compass-rgbapng Goto Github PK

View Code? Open in Web Editor NEW
155.0 155.0 15.0 144 KB

Compass plugin for providing cross-browser compatible RGBA support by creating transparent PNGs on the fly for browsers that don't support RGBA. Uses the pure Ruby ChunkyPNG library for hassle free install and deployment.

Home Page: http://github.com/aaronrussell/compass-rgbapng

License: MIT License

Ruby 100.00%

compass-rgbapng's People

Contributors

aaronrussell avatar anahkiasen avatar illepic avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

compass-rgbapng's Issues

Specifying pixel size does not work

First of all, I noticed that the $pixel parameter is missing from several function definitions in lib/stylesheets/_rgbapng.scss

Seeing that the parameter is there in lib/rgbapng/functions.rb I tried calling the function like so: png_base64(rgba(0, 0, 0, 0.5), 1), but that raises this error when trying to compile:

NoMethodError on line ["87"] of /Users/kcrawford/.rbenv/versions/2.0.0-p195/lib/ruby/gems/2.0.0/gems/chunky_png-1.2.8/lib/chunky_png/canvas.rb: undefined method `*' for 1:Sass::Script::Number

remove timestamp

is it possible to not generate the timestamp at the end of the filename? it creates git conflicts to me when working with different branches

Another method that only returns the path to the background image

I'd like to use this plugin to generate the image, but I want to write my own CSS to use it (I need a 1 pixel centered line running through the background). Another method that only returns the path to the generated image would be helpful.

Thanks for the useful gem!

rgbapng doesn't abide by --quiet

Currently even if --quiet or -q is supplied by the user, the "writing" message is still displayed on functions.rb L19

puts "Writing #{file}"

this can be supressed with

if !options[:quiet]
  puts "Writing #{file}"
end

Plugin not working in the new versions of Compass

Hi Aaron and everyone,

I've successfully used rgbapng about half a year ago, but trying to apply it now to the projects with a new versions of Compass causes transparency to disappear even in the modern browsers.

Additionally it's not reporting about the generation of images to the console as it was doing before. There are no errors on the "require" and "import" of rgbapng in the respective files - seems that it's found.
I'm using Compass 0.11.5 at the moment. Is there a new configuration one should apply?

Thank you in advance.

Feature request: Mixin for just png

It'd be nice if there was a mixin that just output the png without the rgba for cases where you do need a png as a workaround but you're maybe using opacity instead of rgba for your modern browser version.

$rgbapng_px_size configuration variable doesn't work

Using gem version 2.0.3, specifying the pixel size configuration variable, as in the below, doesn't work:

$rgbapng_path: 'generated';
$rgbapng_px_size: 1;
@import "rgbapng";

It continues to output at the default size of 5x5

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.