Using Ratio

To get to the same gutter width as the parent container (i.e 30px), you
need to define col mixin of nested element with the context (parent
ratio) of the parent element.

3-tier nested structure:
col (nested-child-ratio nested-child-ratio parent-ratio)