Skip to content

Commit

Permalink
adds docs for new offset classes and bump to version 2.0.2
Browse files Browse the repository at this point in the history
  • Loading branch information
@leejordan
leejordan committed Apr 18, 2018
1 parent bb45e67 commit 69dc256
Show file tree
Hide file tree
Showing 5 changed files with 346 additions and 6 deletions.
2 changes: 1 addition & 1 deletion README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ Where flexbox isn't supported, your basic grid structure will remain intact and

## Why use reflex?

- It's lightweight - 16KB in it's minified form and 2KB gzipped
- It's lightweight - 20KB in it's minified form and 2.5KB gzipped
- Where flexbox is supported, columns are all the same height by default
- Reflex grid cells never push each other out of the way (as with floated grids)
- Supports semantic elements e.g. you can use ul as a grid
Expand Down
2 changes: 1 addition & 1 deletion bower.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "reflex-grid",
"version": "2.0.1",
"version": "2.0.2",
"homepage": "https://github.com/leejordan/reflex/docs/",
"authors": [
"Lee Jordan <[email protected]>"
Expand Down
318 changes: 317 additions & 1 deletion docs/css/docs.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -892,6 +892,316 @@
}
}

.offset-11 {
margin-left: 91.66666667%;
*margin-left: 91.56666667%;
}

.offset-10 {
margin-left: 83.33333333%;
*margin-left: 83.23333333%;
}

.offset-9 {
margin-left: 75%;
*margin-left: 74.9%;
}

.offset-8 {
margin-left: 66.66666667%;
*margin-left: 66.56666667%;
}

.offset-7 {
margin-left: 58.33333333%;
*margin-left: 58.23333333%;
}

.offset-6 {
margin-left: 50%;
*margin-left: 49.9%;
}

.offset-5 {
margin-left: 41.66666667%;
*margin-left: 41.56666667%;
}

.offset-4 {
margin-left: 33.33333333%;
*margin-left: 33.23333333%;
}

.offset-3 {
margin-left: 25%;
*margin-left: 24.9%;
}

.offset-2 {
margin-left: 16.66666667%;
*margin-left: 16.56666667%;
}

.offset-1 {
margin-left: 8.33333333%;
*margin-left: 8.23333333%;
}

@media only screen and (min-width: 576px) {
.offset-11-xs {
margin-left: 91.66666667%;
*margin-left: 91.56666667%;
}
.offset-10-xs {
margin-left: 83.33333333%;
*margin-left: 83.23333333%;
}
.offset-9-xs {
margin-left: 75%;
*margin-left: 74.9%;
}
.offset-8-xs {
margin-left: 66.66666667%;
*margin-left: 66.56666667%;
}
.offset-7-xs {
margin-left: 58.33333333%;
*margin-left: 58.23333333%;
}
.offset-6-xs {
margin-left: 50%;
*margin-left: 49.9%;
}
.offset-5-xs {
margin-left: 41.66666667%;
*margin-left: 41.56666667%;
}
.offset-4-xs {
margin-left: 33.33333333%;
*margin-left: 33.23333333%;
}
.offset-3-xs {
margin-left: 25%;
*margin-left: 24.9%;
}
.offset-2-xs {
margin-left: 16.66666667%;
*margin-left: 16.56666667%;
}
.offset-1-xs {
margin-left: 8.33333333%;
*margin-left: 8.23333333%;
}
.offset-0-xs {
margin-left: 0;
*margin-left: -0.1%;
}
}

@media only screen and (min-width: 768px) {
.offset-11-sm {
margin-left: 91.66666667%;
*margin-left: 91.56666667%;
}
.offset-10-sm {
margin-left: 83.33333333%;
*margin-left: 83.23333333%;
}
.offset-9-sm {
margin-left: 75%;
*margin-left: 74.9%;
}
.offset-8-sm {
margin-left: 66.66666667%;
*margin-left: 66.56666667%;
}
.offset-7-sm {
margin-left: 58.33333333%;
*margin-left: 58.23333333%;
}
.offset-6-sm {
margin-left: 50%;
*margin-left: 49.9%;
}
.offset-5-sm {
margin-left: 41.66666667%;
*margin-left: 41.56666667%;
}
.offset-4-sm {
margin-left: 33.33333333%;
*margin-left: 33.23333333%;
}
.offset-3-sm {
margin-left: 25%;
*margin-left: 24.9%;
}
.offset-2-sm {
margin-left: 16.66666667%;
*margin-left: 16.56666667%;
}
.offset-1-sm {
margin-left: 8.33333333%;
*margin-left: 8.23333333%;
}
.offset-0-sm {
margin-left: 0;
*margin-left: -0.1%;
}
}

@media only screen and (min-width: 992px) {
.offset-11-md {
margin-left: 91.66666667%;
*margin-left: 91.56666667%;
}
.offset-10-md {
margin-left: 83.33333333%;
*margin-left: 83.23333333%;
}
.offset-9-md {
margin-left: 75%;
*margin-left: 74.9%;
}
.offset-8-md {
margin-left: 66.66666667%;
*margin-left: 66.56666667%;
}
.offset-7-md {
margin-left: 58.33333333%;
*margin-left: 58.23333333%;
}
.offset-6-md {
margin-left: 50%;
*margin-left: 49.9%;
}
.offset-5-md {
margin-left: 41.66666667%;
*margin-left: 41.56666667%;
}
.offset-4-md {
margin-left: 33.33333333%;
*margin-left: 33.23333333%;
}
.offset-3-md {
margin-left: 25%;
*margin-left: 24.9%;
}
.offset-2-md {
margin-left: 16.66666667%;
*margin-left: 16.56666667%;
}
.offset-1-md {
margin-left: 8.33333333%;
*margin-left: 8.23333333%;
}
.offset-0-md {
margin-left: 0;
*margin-left: -0.1%;
}
}

@media only screen and (min-width: 1200px) {
.offset-11-lg {
margin-left: 91.66666667%;
*margin-left: 91.56666667%;
}
.offset-10-lg {
margin-left: 83.33333333%;
*margin-left: 83.23333333%;
}
.offset-9-lg {
margin-left: 75%;
*margin-left: 74.9%;
}
.offset-8-lg {
margin-left: 66.66666667%;
*margin-left: 66.56666667%;
}
.offset-7-lg {
margin-left: 58.33333333%;
*margin-left: 58.23333333%;
}
.offset-6-lg {
margin-left: 50%;
*margin-left: 49.9%;
}
.offset-5-lg {
margin-left: 41.66666667%;
*margin-left: 41.56666667%;
}
.offset-4-lg {
margin-left: 33.33333333%;
*margin-left: 33.23333333%;
}
.offset-3-lg {
margin-left: 25%;
*margin-left: 24.9%;
}
.offset-2-lg {
margin-left: 16.66666667%;
*margin-left: 16.56666667%;
}
.offset-1-lg {
margin-left: 8.33333333%;
*margin-left: 8.23333333%;
}
.offset-0-lg {
margin-left: 0;
*margin-left: -0.1%;
}
}

@media only screen and (min-width: 1600px) {
.offset-11-xlg {
margin-left: 91.66666667%;
*margin-left: 91.56666667%;
}
.offset-10-xlg {
margin-left: 83.33333333%;
*margin-left: 83.23333333%;
}
.offset-9-xlg {
margin-left: 75%;
*margin-left: 74.9%;
}
.offset-8-xlg {
margin-left: 66.66666667%;
*margin-left: 66.56666667%;
}
.offset-7-xlg {
margin-left: 58.33333333%;
*margin-left: 58.23333333%;
}
.offset-6-xlg {
margin-left: 50%;
*margin-left: 49.9%;
}
.offset-5-xlg {
margin-left: 41.66666667%;
*margin-left: 41.56666667%;
}
.offset-4-xlg {
margin-left: 33.33333333%;
*margin-left: 33.23333333%;
}
.offset-3-xlg {
margin-left: 25%;
*margin-left: 24.9%;
}
.offset-2-xlg {
margin-left: 16.66666667%;
*margin-left: 16.56666667%;
}
.offset-1-xlg {
margin-left: 8.33333333%;
*margin-left: 8.23333333%;
}
.offset-0-xlg {
margin-left: 0;
*margin-left: -0.1%;
}
}

.wrap {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
Expand Down Expand Up @@ -1209,12 +1519,18 @@
}
}

@media (min-width: 1200px) {
@media (min-width: 1200px) and (max-width: 1599px) {
.hidden-lg {
display: none;
}
}

@media (min-width: 1600px) {
.hidden-xlg {
display: none;
}
}

*,
*::after,
*::before {
Expand Down
Loading

0 comments on commit 69dc256

Please sign in to comment.