Skip to content
This repository was archived by the owner on Oct 22, 2020. It is now read-only.

Commit d1f3d69

Browse files
Added offset and equal height features
1 parent f33c91b commit d1f3d69

File tree

2 files changed

+9
-1
lines changed

2 files changed

+9
-1
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
# Grider
2-
***Grider*** is a simple enough and fully customizable SCSS-based grid generator. Create your own responsive CSS grid system easily.
2+
***Grider*** is a simple enough and fully customizable SCSS-based grid generator. Create your own responsive CSS grid system easily with offset and equal height features.
33

44
[![GitHub license](https://img.shields.io/github/license/codeforms/Grider)](https://github.com/codeforms/Grider/blob/master/LICENSE)
55
![GitHub release (latest by date)](https://img.shields.io/github/v/release/codeforms/Grider)

grider.scss

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
$container-name: 'container';
1313
$column-name: 'col';
1414
$offset: 'offset';
15+
$equal: 'equal';
1516

1617
/*** CONTAINER ***/
1718
$container-width: 97%;
@@ -61,7 +62,14 @@
6162
[class^="#{$column-name}"] {
6263
float: left;
6364
padding: $column-padding;
65+
height: 100%;
6466
min-height: $column-min-height;
67+
flex-direction: column;
68+
}
69+
&.#{$equal} {
70+
[class^="#{$column-name}"] {
71+
height: auto;
72+
}
6573
}
6674
@for $i from 1 through $grid {
6775
.#{$column-name}-#{$i} {

0 commit comments

Comments
 (0)