Chameleon
Chameleon is a Sass layout framework for responsive web sites and applications.
At the heart of Chameleon is the ability to "turn on" classes at different screen sizes:
Out of the box Chameleon adds 0Kb to your project. Generate only the classes that you need for your project.
.padded {
padding: 20px;
}
.padded-right {
padding-right: 20px;
}
@media screen and (max-width: 479px) {
.padded-right-on-mobile {
padding-right: 20px;
}
}
Chameleon selectors be used anywhere in your stylesheet - even if they weren't generated into classes.
.myModule
You can also create selectors of your own using Chameleon's core mixins.
Multi-element modifiers provide a powerful, concise and expressive way to compose modules.