Как мне установить атрибуты flexbox этих столбцов через Split.js (https://github.com/nathancahill/split/tree/master/packages/splitjs) на эти?
.column1 flex: 1 1 200px ;
.column2 flex: 0 0 200px ;
.column3 flex: 1 1 авто ;
.column4 flex: 1 1 400px ;
.column5 flex: 1 1 200px ;
https://codepen.io/dragontheory/pen/PVwGgp
размеры опция принимает только проценты ...
minSize (с exteedToMin: true ) принимает значение px, но размеры столбцов по-прежнему изменяются в процентах и затягиваются вверх, перетаскивая полосы изменения размера.
Чего мне не хватает?
Split(['.column1', '.column2', '.column3', '.column4', '.column5'], {
snapOffset: 0, //turn off snap
sizes: [20, 20, 20, 20, 20],
elementStyle: function(dimension, size, gutterSize) {
return {
'flex-basis': 'calc(' + size + '% - ' + gutterSize + 'px)'
}
},
gutterStyle: function(dimension, gutterSize) {
return {
'flex-basis': gutterSize + 'px'
}
}
})
Заранее спасибо!