deblan/gridstack.js
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

add sass snippet

Browse source
This commit is contained in:
Pavel Reznikov 2015-03-02 09:07:27 -08:00
commit 76b521e898
1 changed files with 16 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

16
README.md
View file

@ -473,6 +473,22 @@ For 4-column grid it should be:
and so on.
Here is a SASS code snipped which can make life easier (Thanks to @ascendantofrain, [#81](https://github.com/troolee/gridstack.js/issues/81)):
```sass
.grid-stack-item {
$gridstack-columns: 12;
@for $i from 1 through $gridstack-columns {
&[data-gs-width='#{$i}'] { width: (100% / $gridstack-columns) * $i; }
&[data-gs-x='#{$i}'] { left: (100% / $gridstack-columns) * $i; }
&.grid-stack-item[data-gs-min-width='#{$i}'] { min-width: (100% / $gridstack-columns) * $i; }
&.grid-stack-item[data-gs-max-width='#{$i}'] { max-width: (100% / $gridstack-columns) * $i; }
}
}
```
## Save grid to array
Because gridstack doesn't track any kind of user-defined widget id there is no reason to make serialization to be part