{"id":15041304,"url":"https://github.com/selfishprimate/gerillass","last_synced_at":"2025-10-05T00:37:19.932Z","repository":{"id":39600710,"uuid":"229809451","full_name":"selfishprimate/gerillass","owner":"selfishprimate","description":"Gerillass is a Sass mixin library containing a set of Sass mixins and functions to help front-end developers generate scalable CSS outputs.","archived":false,"fork":false,"pushed_at":"2024-11-22T08:05:57.000Z","size":9837,"stargazers_count":169,"open_issues_count":0,"forks_count":17,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-12T10:57:37.104Z","etag":null,"topics":["css","css3","developer-tools","development-tools","front-end-development","gerillass","gulp","sass","sass-boilerplate","sass-files","sass-framework","sass-functions","sass-library","sass-mixin-library","sass-mixins","sass-toolkit","sassui","scss","web-design","web-development"],"latest_commit_sha":null,"homepage":"https://gerillass.com/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/selfishprimate.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","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},"funding":{"patreon":"selfishprimate"}},"created_at":"2019-12-23T19:14:05.000Z","updated_at":"2025-04-03T10:19:53.000Z","dependencies_parsed_at":"2024-10-01T03:20:49.531Z","dependency_job_id":"4c1ce87d-ced2-4856-89bd-9d009c5ac537","html_url":"https://github.com/selfishprimate/gerillass","commit_stats":{"total_commits":462,"total_committers":3,"mean_commits":154.0,"dds":0.04978354978354982,"last_synced_commit":"6e367029e9d2b221b774b4fd56559c1bab5c6ebf"},"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selfishprimate%2Fgerillass","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selfishprimate%2Fgerillass/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selfishprimate%2Fgerillass/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/selfishprimate%2Fgerillass/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/selfishprimate","download_url":"https://codeload.github.com/selfishprimate/gerillass/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254535826,"owners_count":22087398,"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":["css","css3","developer-tools","development-tools","front-end-development","gerillass","gulp","sass","sass-boilerplate","sass-files","sass-framework","sass-functions","sass-library","sass-mixin-library","sass-mixins","sass-toolkit","sassui","scss","web-design","web-development"],"created_at":"2024-09-24T20:45:55.909Z","updated_at":"2025-10-05T00:37:14.882Z","avatar_url":"https://github.com/selfishprimate.png","language":"SCSS","funding_links":["https://patreon.com/selfishprimate"],"categories":[],"sub_categories":[],"readme":"\u003cp\u003e\n  \u003ca href=\"https://gerillass.com\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://gerillass.com/images/github/gerillass_logo_sassy.svg\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## _\u003cspan\u003e\u003cimg src=\"https://gerillass.com/images/github/heart_red.svg\"\u003e\u003c/span\u003e Meet the Coolest Sass Toolset! \u003cspan\u003e\u003cimg src=\"https://gerillass.com/images/github/heart_red.svg\"\u003e\u003c/span\u003e_\n\n[Gerillass](https://gerillass.com) is a library built on top of [Sass (Syntactically Awesome Style Sheets)](https://sass-lang.com/) to give you flexibility for your projects and accelerate your performance and creativity.\n\nMany of the utilities that come with Gerillass are the solutions I have come up with for the challenges I have faced as a frontend developer over the years. These solutions have been shaped by the inspiration of other popular libraries and frameworks like [Bourbon](https://www.bourbon.io/), [Susy](https://www.oddbird.net/), [Scut](https://davidtheclark.github.io/scut/), [Bootstrap](https://getbootstrap.com/), etc. over time and helped me create Gerillass.\n\nHope you’ll enjoy using it!\n\n**Related Links:**\n\n- [Gerillass Website](https://gerillass.com)\n- [Gerillass Documentation](https://docs.gerillass.com)\n- [Gerillass Blog](https://medium.com/gerillass)\n- [Twitter](https://twitter.com/gerillass)\n\n## Table of Contents\n\n- [Dart Sass Upgrade](#dart-sass-upgrade)\n- [Installation](#installation)\n  - [Node.js Installation](#nodejs-installation)\n  - [Using with React.js](#using-with-reactjs)\n  - [Using with Gulp](#using-with-gulp)\n  - [Using with Grunt](#using-with-grunt)\n  - [Cloning the Repository from Github](#cloning-the-repository-from-github)\n- [Namespace Usage](#namespace-usage)\n- [Vendor Prefix Support](#vendor-prefix-support)\n- [Experimenting](#experimenting)\n- [Testing](#testing)\n- [Contribution](#contribution)\n- [License](#license)\n- [Additional Info](#additional-info)\n\n## Dart Sass Upgrade\n_We are saying goodbye to LibSass with version 1.3.0_ :cry:\n\nBecause LibSass and the packages built on it, including Node Sass, are deprecated, **Gerillass will no longer support LibSass since version 1.3.0** If you're having a problem running Gerillass v1.3.0 please consider using Dart Sass instead of LibSass. If you are running Dart Sass already, you can install and use Gerillass 1.3.0 and later versions safely. If not, however, please use the earlier versions.\n\n## Installation\n\n    npm install gerillass --save-dev\n\nYou can **import** Gerillass with **node_modules** path.\n\n    @import '{node_modules_path}/gerillass/scss/gerillass';\n\n**To add the library without using the {node_modules_path} see the examples below.**\n\nIf you're working with an **eyeglass** setup, simply import it without providing the **node_modules** path.\n\n    @import 'gerillass';\n\n### Node.js Installation\n\nIf you are working on a Node project you can add Gerillass as a dependency.\n\n#### npm installation\n\n    npm install gerillass --save-dev\n\n#### Yarn installation\n\n    yarn add gerillass\n\n### Using with React.js\n\nSimply `@import` the library at the beginning of your App.scss file without using the **node_modules** path.\n\n    @import 'gerillass';\n\n### Using with Gulp\n\nYou can add a new Gulp task as in the below example or simply add `includePath: ['node_modules/gerillass/scss']` option to the task if you have one already.\n\n    function sassify(done) {\n      return (\n        src(\"assets/sass/**/*.scss\")\n        .pipe(sass({\n          outputStyle: \"expanded\",\n          includePaths: [\"node_modules/gerillass/scss\"],\n        }).on('error', sass.logError))\n        .pipe(dest(\"assets/css\"))\n      );\n      done()\n    }\n\nIncluding to the project:\n  \n    @import 'gerillass';\n\n### Using with Grunt\n\nYou can add the Gerillass library by editing your Gruntfile.js at the root level of your project. Simply find the sass related rules and add `loadPath: ['node_modules/gerillass/scss']` inside the `options` object.\n\n    sass: {\n      dist: {\n        options: {\n          style: \"expanded\",\n          loadPath: ['node_modules/gerillass/scss']\n        },\n        files: {\n          \"main.css\": \"main.scss\"\n        }\n      }\n    }\n\nIncluding to the project:\n  \n    @import 'gerillass';\n    \n### Cloning the repository from Github\n\nYou can clone the repository into your local computer from Github.\n\n    git clone https://github.com/selfishprimate/gerillass.git\n\nOr you can add the library as a submodule into your Git based project ([What is a submodule?](https://git-scm.com/book/en/v2/Git-Tools-Submodules)).\n\n    git submodule add https://github.com/selfishprimate/gerillass.git\n\nIncluding to the project:\n\n    @import '{folder_path}/gerillass/scss/gerillass';\n\n## Namespace Usage\n\nYou can use Gerillass with or without `gls-` namespace. It is optional, but I strongly recommend you to use it to prevent having conflicts with other Sass libraries or frameworks like Bootstrap.\n\n## Vendor Prefix Support\n\nBecause of the vast usage of bundlers like [Gulp](https://gulpjs.com/), [Grunt](https://gruntjs.com/), [Webpack](https://webpack.js.org/), etc.(these frameworks run some other plugins like Autoprefixer to support vendor prefixes), Gerillass doesn't provide vendor prefix support.\n\nSo, feel free to use any tool to support that. My suggestion is Autoprefixer. If you are not using one of the bundlers mentioned above, you can also manually add vendor prefixes using the [Autoprefixer CSS Online](https://autoprefixer.github.io/) tool.\n\n## Experimenting\n\nExperimentation with Gerillass is easy: If you're processing Sass files on your computer already, [download the Gerillass Sass library](https://github.com/selfishprimate/gerillass/archive/master.zip), include it in your project, and start using it. If not, use [Gerillass Play](https://github.com/selfishprimate/gerillass-play)! Gerillass Play is a Gulp based playground, built for you to get started with [Sass](https://sass-lang.com/) and [Gerillass](https://gerillass.com/) quickly.\n\n**Important Note**: Don't forget that you must have [Node.js](https://nodejs.org/en/) and [Gulp CLI](https://gulpjs.com/docs/en/getting-started/quick-start) installed on your machine to work with Gerillass Play.\n\n## Testing\n\nGerillass comes with a unit-testing module named [True](https://github.com/oddbird/true), which makes Sass unit tests possible (endless thanks to the [OddBird Team](https://github.com/oddbird)).\n\nYou can find two test examples under the `test` folder, take your time, examine the codes, and then write your unit tests. After that, run the following command to see if the tests pass.\n\n    npm test\n\n## Contribution\n\nPlease read the [contribution details](CONTRIBUTING.md) and feel free to contribute to the library.\n\n## License\n\nGerillass is licensed under the Apache License, Version 2.0. For more [see the license content](https://github.com/selfishprimate/gerillass/blob/master/LICENSE.md).\n\n## Additional Info\n\nThis project is created with the loving music of **Anna German** and dedicated to **James Williamson**: The best web educator ever. For more information about James, please check his legacy blog page at www.simpleprimate.com or watch his video lectures about **Web** and **Accessibility** on [LinkedIn Learning](https://www.linkedin.com/learning/instructors/james-williamson).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fselfishprimate%2Fgerillass","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fselfishprimate%2Fgerillass","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fselfishprimate%2Fgerillass/lists"}