Gerillass: AI-ready Sass mixins library for modern web design

The first AI-ready Sass mixin library for modern web design.

Gerillass is a set of mixins and functions built on top of Sass. Every one of them ships with a manifest the test suite verifies, so a coding agent cannot work from stale docs.

130 Used by 171 Stargazers

“Convert your web design ideas into beautiful websites!"

Created by Halil İbrahim Çakıroğlu

Organized Code
Create reusable design components with the best SCSS mixins!
Gerillass will allow you to organize your SCSS and CSS code to create reusable design components to use across your applications.
Enhancement
This Sass mixin library will enhance your productivity!
Gerillass will help you create the most complicated design elements, mostly with just a couple of code lines.
Ease of Use
SCSS to CSS has never been this easy. Accelerate your creativity!
To get started, you need to download the library and include it in your project. You don’t need to be a master in CLIs or npm packages.
Agent Ready
Your coding agent can read this library and use it correctly!
Every mixin and function ships with a machine-readable manifest, and the test suite compiles every example in it, so it cannot go stale.

Breakpoint
Create responsive design layouts via Sass, Gerillass and CSS3 Media Queries.
Font Face
Generate cross-browser compatible @font-face declerations with one line of code.
Remove
Remove any element from the document flow with the power of Remove and Breakpoint Sass mixins together.
Except
You want to apply some style changes to the items within a list, but not all. Well, consider it done.

You can set a range between two values (predefined or custom values will be just fine) to apply our styles.

.element {
  @include breakpoint(small, large) {
    background-color: red;
  } 
}

It will generate the CSS code below..

//CSS Output
@media (min-width: 576px) and (max-width: 991px) {
  .element {
    background-color: red;
  }
}

* This is just a simple demonstration of Breakpoint Sass mixin. For more cool features please checkout the documentation or see the source code on Github!

Frontend Developer
Erdal Yenigul
This is the one of best Sass mixins toolset. Don't be shy try it! #sass #css
@erdalyenigul
Software Engineer
Muhammed M. Kilic
If you are afraid of #css like me, this #sass library is exactly for you: @gerillass is easy to understand and ridiculously simple to implement.
@_muhammedmirza
UI/UX Designer
Kenan Gundogan
It looks great, I will definitely include it in the projects I am developing.
@kenangundogan
UI/UX Designer
Halil I. Cakiroglu
Rapidly-produce consistent and scalable CSS outputs regardless of the size of the projects you're working on. #gerillass @gerillass
@selfishprimate

SAY SOMETHING ABOUT US!

Gerillass

The first AI-ready Sass mixin library for modern web design.

Give a star on Github!

Benefits

Create reusable design components with the best SCSS mixins!

This Sass mixin library will enhance your productivity!

SCSS to CSS has never been this easy. Accelerate your creativity!

Your coding agent can read this library and use it correctly!

How to use SCSS, CSS, Sass, and Gerillass?

Breakpoint Sass mixin for CSS Media Queries

What they say?

Do you want to join our Slack group?