The flex CSS shorthand property sets how a {{glossary(“flex item”)}} will grow or shrink to fit the space available in its flex container.
pub const auto_: #(String, String)
pub const content: #(String, String)
pub const fit_content: #(String, String)
fit-content value of flex
pub const inherit: #(String, String)
pub const initial: #(String, String)
pub const intrinsic: #(String, String)
pub const max_content: #(String, String)
max-content value of flex
pub const min_content: #(String, String)
min-content value of flex
pub const min_intrinsic: #(String, String)
min-intrinsic value of flex
pub const none: #(String, String)
- : The item is sized according to its
width and height properties. It is fully inflexible: it neither shrinks nor grows in relation to the flex container. This is equivalent to setting flex: 0 0 auto.Commonly desired flexbox effects can be achieved using the following flex values:
pub fn raw(value: String) -> #(String, String)
Enter a raw string value for flex
pub const revert: #(String, String)
pub const revert_layer: #(String, String)
pub const stretch: #(String, String)
pub const unset: #(String, String)
pub fn var(variable: String) -> #(String, String)
Enter a variable name to be used for flex.
It will be wrapped in var() and have -- prepended.