timothylong / Kindling
Licence: mit
A pocket-sized grid system built on the flex display property.
Stars: ✭ 155
Projects that are alternatives of or similar to Kindling
Flexible Grid
Flexible grid layouts to get you familiar with building within the flexible grid system.(HTML, CSS, SASS, SCSS)
Stars: ✭ 154 (-0.65%)
Mutual labels: flexbox-grid, scss, sass, flexbox
Waffle Grid
An easy to use flexbox grid system.
Stars: ✭ 602 (+288.39%)
Mutual labels: flexbox-grid, scss, sass, flexbox
Iota
A responsive micro-framework for the grid spec powered by CSS custom properties.
Stars: ✭ 189 (+21.94%)
Mutual labels: scss, sass, responsive-design
Basis
A lightweight responsive Sass/CSS framework based on flexible box.
Stars: ✭ 133 (-14.19%)
Mutual labels: scss, sass, flexbox
Breakpoint Slicer
Slice media queries with ease
Stars: ✭ 332 (+114.19%)
Mutual labels: scss, sass, responsive-design
Bulma Helpers
Library with missing Functional / Atomic CSS classes for Bulma framework
Stars: ✭ 263 (+69.68%)
Mutual labels: scss, sass, flexbox
Gridlex
Just a CSS Flexbox Grid System
Stars: ✭ 1,328 (+756.77%)
Mutual labels: flexbox-grid, scss, sass
React Native Responsive Grid
Bringing the Web's Responsive Design to React Native
Stars: ✭ 369 (+138.06%)
Mutual labels: flexbox, responsive-design, responsive-layout
Progress Tracker
A HTML component to illustrate the steps in a multi step process e.g. a multi step form, a timeline or a quiz.
Stars: ✭ 461 (+197.42%)
Mutual labels: scss, sass, flexbox
Cirrus
☁️ The CSS framework for the modern web.
Stars: ✭ 716 (+361.94%)
Mutual labels: scss, sass, flexbox
Fictoan
Mockups with markup — https://sujan-s.github.io/fictoan/
Stars: ✭ 114 (-26.45%)
Mutual labels: scss, sass, responsive-layout
Css Progress Wizard
[NOT MAINTAINED] A pure flexbox+sass progress indicator
Stars: ✭ 129 (-16.77%)
Mutual labels: sass, flexbox
Awesome Sass
Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly.
Stars: ✭ 1,714 (+1005.81%)
Mutual labels: scss, sass
Hocus Pocus
Universal and lightweight stylesheet starter kit
Stars: ✭ 128 (-17.42%)
Mutual labels: scss, sass
Paper Kit 2 Angular
Free Bootstrap 4 UI Kit for Angular 2+
Stars: ✭ 133 (-14.19%)
Mutual labels: scss, responsive-design
Compass Inuit
💮 Compass extension for inuit.css. More than 40k users served!
Stars: ✭ 127 (-18.06%)
Mutual labels: scss, sass
Gulp Starter Kit
A simple Gulp 4 Starter Kit for modern web development.
Stars: ✭ 134 (-13.55%)
Mutual labels: scss, sass
Kindling
A pocket-sized grid system; built on the flex display property.
Usage
Three-Column Layout
<div class=“row”>
<div class=“col-4”></div>
<div class=“col-4”></div>
<div class=“col-4”></div>
</div>
Offset Column Layout
<div class=“row”>
<div class=“col-2 offset-6”></div>
<div class=“col-4”></div>
</div>
Gutters
<div class=“row”>
<div class=“module”>
<div class=“col-2 offset-6”></div>
<div class=“col-4”></div>
</div>
</div>
Package Management
Bower: bower install kindling
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].