{"id":13527991,"url":"https://github.com/colindresj/saffron","last_synced_at":"2025-12-12T04:15:14.461Z","repository":{"id":13888554,"uuid":"16586803","full_name":"colindresj/saffron","owner":"colindresj","description":"A simple Sass mixin library for animations and transitions","archived":false,"fork":false,"pushed_at":"2020-02-16T14:48:12.000Z","size":214,"stargazers_count":251,"open_issues_count":3,"forks_count":23,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-03-12T11:51:26.836Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://colindresj.github.io/saffron","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/colindresj.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-02-06T17:13:53.000Z","updated_at":"2025-02-09T04:45:31.000Z","dependencies_parsed_at":"2022-08-23T14:10:55.021Z","dependency_job_id":null,"html_url":"https://github.com/colindresj/saffron","commit_stats":null,"previous_names":["corporadobob/saffron"],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/colindresj%2Fsaffron","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/colindresj%2Fsaffron/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/colindresj%2Fsaffron/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/colindresj%2Fsaffron/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/colindresj","download_url":"https://codeload.github.com/colindresj/saffron/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246631534,"owners_count":20808700,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T06:02:09.445Z","updated_at":"2025-12-12T04:15:14.418Z","avatar_url":"https://github.com/colindresj.png","language":"CSS","funding_links":[],"categories":["CSS","Animations"],"sub_categories":["For building layouts"],"readme":"# Saffron\n[![Build Status](https://travis-ci.org/colindresj/saffron.svg?branch=v0.2.2)](https://travis-ci.org/colindresj/saffron)\n[![Gem Version](https://badge.fury.io/rb/saffron.svg)](http://badge.fury.io/rb/saffron)\n\n\u003e A simple Sass mixin library for animations and transitions.\n\nSaffron is a collection of Sass mixins and helpers that make adding CSS3 animations and transitions much simpler.\nJust include a mixin in your Sass declaration, then set any configuration using variables and mixin parameters.\n\n### Requirements\nSass 3.2+\n\n## Installing\n### Standard Installation\nInstall the gem from the command line with `gem install saffron`, then `cd` into the directory where you want to install Saffron and run the installation command:\n```bash\nsaffron install\n```\nYou can also use the `-p` flag to install Saffron into a relative directory:\n```bash\nsaffron install -p path/to/directory/\n```\nFinally, import the mixins into your main SCSS file:\n```scss\n@import \"saffron/saffron\";\n```\n\n### Rails\nIf you're using Rails 3.1+, you can add Saffron to your Gemfile:\n```ruby\ngem \"saffron\"\n```\nRun `bundle install` to make all the mixins available to your Rails application, and import Saffron at the top of your `application.css.scss`:\n```scss\n@import \"saffron\";\n```\n\n### Bower\nSaffron is available on [Bower](http://bower.io/). Run `bower install saffron` to get the latest tagged version of Saffron\nfrom Bower. Unless you've changed the default directory, Saffron will be installed into your `bower_componenents` directory within the `saffron` subdirectory.\n\n### Manual Installation\nDownload or clone the project repo from GitHub. Copy the `saffron` folder and paste into your `sass` folder (or whatever you call it). You won't need any of the other directories or files.\n```scss\n@import \"saffron/saffron\";\n```\nNo matter how you installed Saffron, you can now use any of the mixins:\n```scss\n.my-class {\n  @include teeter();\n}\n```\n\n## Updating\nTo get the latest mixins you should update the Saffron files every once in a while. You can do so by running:\n```bash\nsaffron update\n```\nIf you initially installed Saffron in a specific directory using the `-p` flag, you'll need to do the the same when updating:\n```bash\nsaffron update -p path/to/directory/\n```\n\n## Browser Support\nSaffron uses CSS3 transform, keyframes, animations and transitions, so it's really only for modern browsers. Visit http://caniuse.com/ for a clear idea of CSS3 browser support.\n\nAll the mixins compile down to vendor prefixed CSS, and have been tested on the latest versions of Chrome, Safari, Firefox and Opera. I aim to do more browser testing and hope to increase compatability, especially for IE.\n\n## Stylus\nIf you're more of a Stylus user, check out [@willhoag](https://github.com/willhoag)'s port: [Saffron-Stylus](https://github.com/willhoag/saffron-stylus).\n\n## License\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcolindresj%2Fsaffron","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcolindresj%2Fsaffron","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcolindresj%2Fsaffron/lists"}