extra CSS
This commit is contained in:
parent
899fee3330
commit
b5cdcb2496
6 changed files with 2095 additions and 0 deletions
21
src/gridstack-extra.scss
Normal file
21
src/gridstack-extra.scss
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
$gridstack-columns: 12;
|
||||
|
||||
@mixin grid-stack-items($gridstack-columns) {
|
||||
.grid-stack.grid-stack-#{$gridstack-columns} {
|
||||
|
||||
> .grid-stack-item {
|
||||
min-width: 100% / $gridstack-columns;
|
||||
|
||||
@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; }
|
||||
&[data-gs-min-width='#{$i}'] { min-width: (100% / $gridstack-columns) * $i; }
|
||||
&[data-gs-max-width='#{$i}'] { max-width: (100% / $gridstack-columns) * $i; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@for $j from 1 through $gridstack-columns {
|
||||
@include grid-stack-items($j)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue