This guideline advises against using container components when there is only
one or no child, as it can lead to unnecessary abstraction and complexity
in the code. Instead, it's recommended to remove the parent container which
results in simpler and more readable code.
;; -------- Example 1 --------
-- ftd.column:
-- ftd.text: Hello World
-- end: ftd.column
;; -------- Example 2 --------
-- ftd.column:
color: $inherited.colors.text
margin.px: 10
-- ftd.text: Hello World
-- end: ftd.column
;; -------- Example 1 --------
-- ftd.text: Hello World
;; -------- Example 2 --------
-- ftd.text: Hello World
color: $inherited.colors.text
margin.px: 10