flexDirection

object flexDirection extends Style

The CSS flex-direction property specifies how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).

Note that the value row and row-reverse are affected by the directionality of the flex container. If its dir attribute is ltr, row represents the horizontal axis oriented from the left to the right, and row-reverse from the right to the left; if the dir attribute is rtl, row represents the axis oriented from the right to the left, and row-reverse from the left to the right.

MDN

class Style
trait Serializable
trait Product
trait Equals
class Object
trait Matchable
class Any

Value members

Inherited methods

def :=[Builder, T](v: T)(implicit ev: StyleValue[Builder, T]): StylePair[Builder, T]

Creates an StylePair from an Style and a value of type T, if there is an StyleValue of the correct type.

Creates an StylePair from an Style and a value of type T, if there is an StyleValue of the correct type.

Inherited from
Style
def productElementNames: Iterator[String]
Inherited from
Product
def productIterator: Iterator[Any]
Inherited from
Product

Concrete fields

lazy val column: StylePair[Builder, String]

The flex container's main-axis is the same as the block-axis. The main-start and main-end points are the same as the before and after points of the writing-mode.

The flex container's main-axis is the same as the block-axis. The main-start and main-end points are the same as the before and after points of the writing-mode.

MDN

lazy val columnReverse: StylePair[Builder, String]

Behaves the same as column but the main-start and main-end are permuted.

Behaves the same as column but the main-start and main-end are permuted.

MDN

lazy val row: StylePair[Builder, String]

The flex container's main-axis is defined to be the same as the text direction. The main-start and main-end points are the same as the content direction.

The flex container's main-axis is defined to be the same as the text direction. The main-start and main-end points are the same as the content direction.

MDN

lazy val rowReverse: StylePair[Builder, String]

Behaves the same as row but the main-start and main-end points are permuted.

Behaves the same as row but the main-start and main-end points are permuted.

MDN