src/karkas/styles

Types

HDirection = enum
  leftToRight, rightToLeft
HPosition = enum
  left, center, right
VDirection = enum
  topToBottom, bottomToTop
VPosition = enum
  top, center, bottom

Procs

func bottomPanel(): VStyle {....raises: [], tags: [], forbids: [].}
Full-width horizontal panel attached to the bottom of the page.
func box(size = 0): VStyle {....raises: [], tags: [], forbids: [].}
Basic rectangular element that can be put inside stacks.
func fBox(vPosition = VPosition.top; hPosition = HPosition.right): VStyle {.
    ...raises: [], tags: [], forbids: [].}

Floating box. A container that can be positioned over other page elements in nine anchor points based on vPosition and hPosition.

Useful for notification stacks.

func hStack(direction = HDirection.leftToRight): VStyle {....raises: [], tags: [],
    forbids: [].}
Horizontal stack. Boxes inside it are stacked horizontally according to direction.
func sticky(): VStyle {....raises: [], tags: [], forbids: [].}
Make a top or a bottom panel (or any other element) sticky, i.e. always visible regardless of page scroll.
func topPanel(): VStyle {....raises: [], tags: [], forbids: [].}
Full-width horizontal panel attached to the top of the page.
func vBar(): VStyle {....raises: [], tags: [], forbids: [].}
Vertical bar that occupies the entire page height. Useful for sidebars.
func vStack(direction = VDirection.topToBottom): VStyle {....raises: [], tags: [],
    forbids: [].}
Vertical stack. Boxes inside it are stacked vertically according to direction.