-
Notifications
You must be signed in to change notification settings - Fork 28
Home
After developing Skeleton SASS, building multiple websites on it, and continuing to fix bugs/add features, I have noticed how the framework lacks a modern lilt. For as harshly as the framework has been tested against all the individuals who have starred the project on GitHub, it lacked modern accommodations such a logical progression to typographic sizes, solid media query breakpoints, and other features. Thus, the idea for Lumbar was born.
Lumbar, in a nut shell, is yet another frontend framework aimed at making the life of designers and developers easier – we've all heard it before.
Lumbar is different from other frontend Sass-based frameworks because it's only CSS. There are no awkward JavaScript components to choose from, no "pre-packaged" downloads, and it does not have a steep learning curve. Lumbar was build with simplicity, usability, and sustainability in mind under these core guidelines:
Lumbar was created to cater to the ever-increasing mobile user. Around 17% of worldwide internet traffic comes from mobile phones alone [1]. Rather than immediately cater to desktop users, why not simply make websites accessible for mobile users first and then worry about desktop users?
The idea behind OOCSS is a simple and complex all at once. If you have experience with OOP then the idea follows the same guidelines. However, if you are unfamiliar with OOP then the concept might be difficult to grab flipping through the pages of a programming book. Thankfully, this is neither complex nor a programming book – yay!
OOCSS begins with a general abstract idea of what type of element might use some base styles. Consider the following example:
.button {
width: 150px;
height: 75px;
padding: 5px;
border: 1px solid #ccc;
background: #ccc;
text-shadow: 1px 0 1px rgba(255, 255, 255, 0.2);
border-radius: 2px;
}
.widget {
width: 200px;
min-height: 300px;
border: 1px solid #555;
background: white;
border-radius: 2px;
}
What's so terrible about this code? Well, nothing really. But what if we need to create variants of these "parent" styles?
[1. 17.4% of Global Web Traffic Comes Through Mobile, Zoe Fox.]