ftd.row
and ftd.column
container
components in ftd.wrap: optional boolean
wrap
-- ftd.row:
width.fixed.px: 100
spacing.fixed.px: 10
border-color: $red-yellow
border-width.px: 2
color: $inherited.colors.text
wrap: true
-- ftd.text: One
-- ftd.text: Two
-- ftd.text: Three
-- ftd.text: Four
-- ftd.text: Five
-- ftd.text: Six
-- end: ftd.row
align-content: optional ftd.align
ftd.row
, ftd.column
. It takes value of type
ftd.align
and is optional.align-content
-- ftd.column:
width.fixed.px: 300
align-content: top-center
color: $inherited.colors.text
border-color: $red-yellow
border-width.px: 2
-- ftd.text: One
-- ftd.text: Two
-- ftd.text: Three
-- end: ftd.column
spacing: optional ftd.spacing
ftd.spacing
and is optional.spacing
-- ftd.row:
spacing: space-evenly
border-color: $red-yellow
border-width.px: 2
color: $inherited.colors.text
width: fill-container
-- ftd.text: One
-- ftd.text: Two
-- ftd.text: Three
-- end: ftd.row