marginExample

Undocumented in source. Be warned that the author may not have intended to support it.

@safe

()

=> label("When it comes to margins, Fluid uses a model that is very similar, or even identical, to " ~ `HTML. Each node is composed of a few "boxes", stacked one within each other. From the core, ` ~ "the content box holds text, images, other nodes. Padding adds some space for that content to " ~ "breathe, border is used to add an outline around the node, and margin defines the outer spacing."),

()

=> vframe(.layout!"center", .boxTheme, .tags!(BoxTags.margin), label(.layout!"center", "Margin"), vframe(.tags!(BoxTags.border), label(.layout!"center", "Border"), vframe(.tags!(BoxTags.padding), label(.layout!"center", "Padding"), vframe(.tags!(BoxTags.content), label(.layout!"center", "Content"))))),

()

=> label("If you add background to a node, it will be displayed behind the border box. In fact, " ~ "backgrounds and borders are drawn during the same step."),

()

=> label("Let's start by making a node with nothing but border.")

Frame

marginExample

()

marginExample

Meta

Source