{"id":15041390,"url":"https://github.com/incuna/incuna-transitions","last_synced_at":"2026-01-06T22:38:36.658Z","repository":{"id":66954061,"uuid":"44249647","full_name":"incuna/incuna-transitions","owner":"incuna","description":"Incuna transitions library","archived":false,"fork":false,"pushed_at":"2017-06-19T15:42:56.000Z","size":1164,"stargazers_count":1,"open_issues_count":3,"forks_count":1,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-02-01T14:45:06.777Z","etag":null,"topics":["effects","sass-mixins","transitions"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/incuna.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2015-10-14T13:34:32.000Z","updated_at":"2017-02-02T17:19:34.000Z","dependencies_parsed_at":null,"dependency_job_id":"339cb876-ede0-4f54-8fa9-9c95cdedfd3b","html_url":"https://github.com/incuna/incuna-transitions","commit_stats":null,"previous_names":[],"tags_count":19,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/incuna%2Fincuna-transitions","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/incuna%2Fincuna-transitions/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/incuna%2Fincuna-transitions/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/incuna%2Fincuna-transitions/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/incuna","download_url":"https://codeload.github.com/incuna/incuna-transitions/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245822265,"owners_count":20678163,"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":["effects","sass-mixins","transitions"],"created_at":"2024-09-24T20:46:02.793Z","updated_at":"2026-01-06T22:38:36.603Z","avatar_url":"https://github.com/incuna.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Incuna Transitions Library\n\nThis library contains a series of sass mixins that can be used to add transitions and animations to your sites.\n\nIt is largely based on Hover.css from [Ian Lunn](https://github.com/IanLunn/Hover). We simplified the library a bit and converted to support sass files only. All of these files can be found in the [hover](https://github.com/incuna/incuna-transitions/tree/master/hover) folder along with the original `README.md` and license for the Hover.css library.\n\nThe remainder of the incuna-transitions library will contain sass mixins to provide a greater variety of functional animations and transitions. This portion of the library is a work in progress and will grow with time.\n\n# Requirements\n\n* [Bourbon](http://bourbon.io/)\n\nThe non-hover portions of this library (anything not contained within `/hover`) use mixins from the Bourbon sass library. Without this library installed on your project these mixins will not work.\n\nAs of the writing of this the latest release of Bourbon is 4.2.6, this library should work with any version of bourbon and we will make every effort to fix any breaking changes cause by new releases. If you encounter problems with a specific release of bourbon in combination with this library please let us know.\n\n# Guidelines for Effects\n##### The following is a slightly modified version of the [Hover.css](https://github.com/IanLunn/Hover) `CONTRIBUTING.md` file and provides some useful advice for adding to / editing the library.\n\n1. Effects should work with only one HTML element. This way, developers only need add a class to their element for your fancy effect to work on their page. CSS pseudo-elements are perfectly acceptable as they don't require additional changes to HTML. Please use the more up-to-date two colons for pseudo elements (::before and ::after).\n\n2. Aim to provide subtle effects that enhance user experience.\n\n3. Our version of Hover.css is only available in .sass format, so please use this format only when submitting files.\n\n4. Try not to use transitions and animations together on the same effect, [we've found this is buggy in Webkit/Blink browsers](https://github.com/IanLunn/Hover/issues/24).\n\n5. Consider submitting an effect that is paired with an opposite, for example: `Bounce In`/`Bounce Out`, `Float`/`Sink`, `Icon Back`/`Icon Forward`.\n\n## Browser Testing Effects\n\nThe Hover.css project attempts to deliver effects that work in the latest versions of modern browsers (Firefox, Chrome, Safari, Opera, Internet Explorer 10+), as well as providing simple CSS fixes for older browsers where possible (a fallback color when `rgba()` is used for example).\n\nFallbacks for older browsers are the responsibility of the developer adding Hover.css to their page, as described in the README's [Browser Support section](https://github.com/IanLunn/Hover#browser-support).\n\nPlease be certain any effects you submit at least work in the latest versions of modern browsers, and advise us accordingly if that is not the case.\n\n\n# Working on the project\n\nThis project uses `grunt` to compile sass and templates. \n\nTo set up and run the project locally:\n* Run `npm install`\n* Run `bower install`\n* Run `grunt`\n* Open `index.html` in your browser\n\n**IMPORTANT:** Do not work directly on `incuna-transitions/index.html` this is a compiled file and your changes will be overwritten. Instead you should be working on `incuna-transitions/index.html.template`\n\nThis project also supports inline svg icons using `SVGstore`, to add new icons save the svg files with `presentation attributes` and put them in `images/icons`. `Grunt` needs to be run to compile the new svg map before the icon can be used.\n\n## Github page\n\nThere is a github page set up for this repo here: http://incuna.github.io/incuna-transitions/\n\nTo update the github page make sure all the required changes have been merged into master, then merge master into the `gh-pages` branch.\n\n**Do not** work directly on the `gh-pages` branch.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fincuna%2Fincuna-transitions","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fincuna%2Fincuna-transitions","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fincuna%2Fincuna-transitions/lists"}