Anduin Design

display

Utilities for controlling the display box type of an element.

Examples

Block and Inline

div(
  maxWidth.px(280),
  fontSize.px(16),
  div(
    "When controlling the flow of text, using the CSS property ",
    span(tw.inline.bgPrimary3, "display: inline"),
    " will cause the text inside the element to wrap normally."
  ),
  br(),
  div(
    "While using the property ",
    span(tw.inlineBlock.bgPrimary3, "display: inline-block"),
    " will wrap the element to prevent the text inside from extending beyond its parent."
  ),
  br(),
  div(
    "Lastly, using the property ",
    span(tw.block.bgPrimary3, "display: block"),
    " will put the element on its own line and fill its parent."
  )
)