package toffee

  1. Overview
  2. Docs
CSS layout engine for OCaml (Flexbox, Grid, Block)

Install 

dune-project
 Dependency

github.com Readme Changelog Edit opam file Versions (1)

Authors

  1. Thibaut Mattio

Maintainers

  1. Thibaut Mattio

Sources

mosaic-0.1.0.tbz
sha256=9e4e90d17f9b2af1b07071fe425bc2c519c849c4f1d1ab73cde512be2d874849
sha512=06e9c4a741590942e81a27738d0b5c0413fafec8cf3b7dae047ad69f155e7b718aa4223818dc161b7d028efffcfd3365905e264d6fd31d453910ddfa91dcf9b9

doc/toffee.style/Style/Grid_auto_flow/index.html

Module Style.Grid_auto_flowSource

CSS grid-auto-flow property.

Controls whether grid items are placed row-wise or column-wise, and whether the sparse or dense packing algorithm is used.

The dense packing algorithm attempts to fill in holes earlier in the grid if smaller items come up later. This may cause items to appear out-of-order when doing so would fill in holes left by larger items.

See MDN: grid-auto-flow.

Sourcetype t =
  1. | Row
    (*

    Items are placed by filling each row in turn, adding new rows as necessary.

    *)
  2. | Column
    (*

    Items are placed by filling each column in turn, adding new columns as necessary.

    *)
  3. | Row_dense
    (*

    Items are placed by filling rows first, using the dense packing algorithm.

    *)
  4. | Column_dense
    (*

    Items are placed by filling columns first, using the dense packing algorithm.

    *)
Sourceval default : t

default returns Row.

Sourceval to_string : t -> string

to_string flow converts flow to its CSS string representation.

Returns "row", "column", "row dense", or "column dense".

Sourceval equal : t -> t -> bool

equal a b tests structural equality of grid auto flow values.

Sourceval compare : t -> t -> int

compare a b provides total ordering of grid auto flow values.

The ordering is Row < Column < Row_dense < Column_dense.

Sourceval pp : Format.formatter -> t -> unit

pp fmt flow prints flow to fmt using its CSS string representation.

Sourceval is_dense : t -> bool

is_dense flow returns true if flow uses the dense packing algorithm.

Returns true for Row_dense and Column_dense, false otherwise.

Sourceval primary_axis : t -> Geometry.Abstract_axis.t

primary_axis flow returns the axis along which items are placed first.

Returns Inline for row-based flows (Row and Row_dense), and Block for column-based flows (Column and Column_dense).