Meet the best Sass mixin library to build a website easily.
Gerillass is a website development tool built on top of Sass (Syntactically Awesome Style Sheets) with a set of Sass mixins and functions for frontend developers to generate scalable CSS outputs.
Organized CodeCreate 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.
EnhancementThis 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 UseSCSS 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.
Best PracticesSass mixins will help you apply best practices for web design.
Gerillass will provide you not only some CSS hacks but also the best practices to implement most common web design patterns.
- 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.
Breakpoint Sass mixin for CSS Media Queries
This Sass mixin will help you to write CSS media queries in Sass, and generate consistent responsive layouts. Provides an easy to use one-line method.
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!
What they say?
If you like the content, please say something about us. Share your thoughts on Twitter, help this project grow!
- Frontend DeveloperErdal Yenigul
This is the one of best Sass mixins toolset. Don't be shy try it! #sass #css
- Software EngineerMuhammed 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.
- UI/UX DesignerJack Russel
Very good design and look and feel. Gerillass vanishes the ancient fears of web development!
- UI/UX DesignerHalil I. Cakiroglu
Rapidly-produce consistent and scalable CSS outputs regardless of the size of the projects you're working on. #gerillass @gerillass
SAY SOMETHING ABOUT US!