// multi-utility computation suite · offline · instant · precise
┌──────────────────────────┐
│ [c] calcalyst_ │
│ computation suite │
└──────────────────────────┘
// select a module to initialize
/ search↵ open firstesc close
// adsenseEMPTY_LEADER_SLOT728×90
// adsenseMOBILE_ANCHOR_SLOT320×50
// keyboard_shortcuts
/focus search
↑↓navigate module list
Enter
open first result from search
open highlighted
compute when module is open
compute when focused in a field
Escclose module · clear selection
⌫
dev.cli-flexbox-basis Calculator
Calculates CSS flexbox flex-basis and flex-grow distribution across items in a container for a given width in a CLI tool and script development context. Flex-basis sets the initial size before free space is distributed — flex-grow proportionally distributes remaining space, making the ratio of grow values (not their absolute values) what matters.
Inputs
Container
Horizontal extent perpendicular to the length.
Items
Reference formula or conversion factor shown for context.
Basis
Reference formula or conversion factor shown for context.
Grow
Reference formula or conversion factor shown for context.
Results
total basis
The combined total across all inputs and components.
free space
Available capacity not yet allocated or consumed.
final item width
Width of each item as a percentage of the container — used to size grid or flex layout columns.
item width %
Width of each item as a percentage of the container — used to size grid or flex layout columns.