{"id":17497285,"url":"https://github.com/moox/compass-recipes","last_synced_at":"2025-05-16T07:03:56.196Z","repository":{"id":1389669,"uuid":"1371238","full_name":"MoOx/compass-recipes","owner":"MoOx","description":"UNMAINTAINED compass/sass mixins and snippets.","archived":false,"fork":false,"pushed_at":"2017-01-20T15:07:50.000Z","size":11468,"stargazers_count":504,"open_issues_count":2,"forks_count":81,"subscribers_count":26,"default_branch":"master","last_synced_at":"2025-05-14T07:10:11.185Z","etag":null,"topics":[],"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/MoOx.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}},"created_at":"2011-02-15T21:07:57.000Z","updated_at":"2025-03-15T20:57:59.000Z","dependencies_parsed_at":"2022-07-29T12:39:05.138Z","dependency_job_id":null,"html_url":"https://github.com/MoOx/compass-recipes","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoOx%2Fcompass-recipes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoOx%2Fcompass-recipes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoOx%2Fcompass-recipes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoOx%2Fcompass-recipes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MoOx","download_url":"https://codeload.github.com/MoOx/compass-recipes/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254485053,"owners_count":22078767,"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-10-19T15:39:27.665Z","updated_at":"2025-05-16T07:03:56.160Z","avatar_url":"https://github.com/MoOx.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Compass Recipes [![Build Status](https://secure.travis-ci.org/MoOx/compass-recipes.png)](http://travis-ci.org/MoOx/compass-recipes)\n\n# UNMAINTAINED\n\n\u003e A series of Compass and Sass mixins and functions for creating delicious CSS effects.\n\n\n## Availables Recipes\n\n* **[Backgrounds](/tests/recipes/background/)** - Background patterns, gradients.\n* **[Color](/tests/recipes/color/)** Variables Names, advanced color functions like `brightness()` \u0026 color scheme functions\n* **[Effects](/tests/recipes/effect/)** - Visual effects like `glass`, `bevel`, `cutout` or `ribbon`\n* **[Form skins](/tests/recipes/form/skin/)** - Only one at the moment. Please add yours :)\n* **[Icon Fonts](/tests/recipes/icon-font/)** - Includes icon fonts helper and a few open source fonts as a compass extension ([more info](https://github.com/MoOx/compass-recipes/blob/master/templates/icon-fonts/README.md))\n* **[Image](/tests/recipes/image/)** - More image mixins (\u0026 functions) than Compass deserve (dimensions, inline, simple spriting)\n* **[Layout](/tests/recipes/layout/)** - Vertical centering and box layout shortcuts.\n* **[Media queries](/tests/recipes/media-queries/)** - Shortcuts for media queries.\n* **[Shadows](/tests/recipes/shadow/)** - A wide collection of shadows which use pseudo elements to create fold effects, etc.\n* **[Shapes](/tests/recipes/shape/)** - Geometric and iconic shapes, created only with CSS\n* **[UI](/tests/recipes/ui/)** Lots of element styling for loader, menu, overlay, separator, tooltip, etc.\n* **[Utilities](/tests/recipes/utilities/)** Very usefull utilities, trick, hacks\n* [View other potential icoming items](https://github.com/MoOx/compass-recipes/issues?labels=enhancement%2Cfeature)\n\n## Installation\n\n[Compass Recipes is available as a gem on RubyGems.org](https://rubygems.org/gems/compass-recipes), so installation is quite easy.\n\n```shell\n(sudo) gem install compass-recipes\n```\n\n*If you want all latests recipes, you can just checkout the recipes (or download as zip) and add '{your-path-here-or-./}compass-recipes/stylesheets' using `additional_import_paths` or `add_import_path` (see [Compass configuration reference](http://compass-style.org/help/tutorials/configuration-reference/)).\n\nMore informations on the [Wiki](https://github.com/MoOx/compass-recipes/wiki)*\n\n\n## Usage\n\nWhen compass-recipes installed, you just need to require the compass plugin in your project\n\n```ruby\nrequire 'compass-recipes'\n```\n\nThen you can include some recipes like this\n\n```scss\n@import \"recipes/shape/polygon/triangle\";\n.my-triangle\n{\n    @include triangle;\n}\n```\n\nLike Compass does, you can include all recipes in a folder like this\n\n```scss\n@import \"recipes/shape\";\n\n.my-triangle\n{\n    @include triangle;\n}\n\n.my-square\n{\n    @include square;\n}\n```\n\n## Open to All\n\nIf you have a nifty CSS trick that makes sense to be abstracted (and isn't already in another Github repo), please fork and submit a pull request. Note: If you are not the author of the CSS trick, you must get their permission before adding.\n\n## Fonts\n\nAll fonts are repackaged using [Fontsquirrel](http://www.fontsquirrel.com/fontface/generator).\nLicences are distributed with the fonts.\n\n## Build Documentation\n\n*You do not need to build documentation for testing your recipes.*\n*Just run `compass watch/compile` at the root of the repository.*\n\nFirst you need bundle\n\n```bundle install```\n\nThen, to build the gh-pages from the `tests/`, you need to call\n\n```bundle exec rake pages```\n\nThis process create the pages \u0026 commit them to your gh-pages branch.\n\n## Authors/Maintainers\n\n[See all contributors](https://github.com/MoOx/compass-recipes/graphs/contributors)\n\nCredits \u0026 Thanks:\n\n* [@chriscoyier](https://github.com/chriscoyier) (shapes \u0026 lots of tricks)\n* [@leaverou](https://github.com/leaverou) (backgrounds patterns)\n* [@necolas](https://github.com/necolas) (normalize \u0026 tricks)\n* [@simurai](https://github.com/simurai) (awesomes design stuffs)\n* All of the people who contribute to the recipes (all names should be in each recipes source)\n\n### Additional Resources\n\nSome other great CSS/SCSS/design projects for making delicious websites:\n\n* [Subtle Patterns](http://subtlepatterns.com/) - Great collection of free background patterns, some of which are not possible with CSS alone.\n* [Animate.sass](https://github.com/adamstac/animate.sass) - A bevy of pre-defined keyframe animations.\n* [OMG Text](http://jaredhardy.com/omg-text/) - Some super-rad text effects using text-shadow\n\n\n## License\n\nCopyright (c) 2012 Maxime Thirouin\n\nReleased under [MIT Licence](http://moox.mit-license.org/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoox%2Fcompass-recipes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmoox%2Fcompass-recipes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoox%2Fcompass-recipes/lists"}