Children don't get written to CSS properly #16

The following:

'.lumi-calc-content': { children: { '.ant-form-item': { children: { '.lumi-input-container': { children: {}, attributes: { 'border-color': '#EBEBEB', 'border-width': '2px' } } } } } }

gets parsed into the following:

.lumi-calc-content { .ant-form-item { .lumi-input-container { border-color: rgba(211, 55, 55, 1); border-width: 2px; } } }

Shouldn't the children be following one another as the following?: .lumi-calc-content .ant-form-item .lumi-input-container