Struct ResponsiveFlex 

pub struct ResponsiveFlex {
    pub direction: ResponsiveValue<FlexDirection>,
    pub wrap: ResponsiveValue<FlexWrap>,
    pub justify: ResponsiveValue<JustifyContent>,
    pub align: ResponsiveValue<AlignItems>,
    pub gap: ResponsiveValue<u32>,
}

Responsive flex container

Fields

direction: ResponsiveValue<FlexDirection>

Flex direction for each breakpoint

wrap: ResponsiveValue<FlexWrap>

Flex wrap for each breakpoint

justify: ResponsiveValue<JustifyContent>

Justify content for each breakpoint

align: ResponsiveValue<AlignItems>

Align items for each breakpoint

gap: ResponsiveValue<u32>

Gap for each breakpoint

Implementations

impl ResponsiveFlex

pub fn new() -> Self

Create a new responsive flex container

pub fn with_base( direction: FlexDirection, wrap: FlexWrap, justify: JustifyContent, align: AlignItems, gap: u32, ) -> Self

Create a responsive flex container with base values

pub fn set_direction( &mut self, breakpoint: Breakpoint, direction: FlexDirection, )

Set flex direction for a specific breakpoint

pub fn set_wrap(&mut self, breakpoint: Breakpoint, wrap: FlexWrap)

Set flex wrap for a specific breakpoint

pub fn set_justify(&mut self, breakpoint: Breakpoint, justify: JustifyContent)

Set justify content for a specific breakpoint

pub fn set_align(&mut self, breakpoint: Breakpoint, align: AlignItems)

Set align items for a specific breakpoint

pub fn set_gap(&mut self, breakpoint: Breakpoint, gap: u32)

Set gap for a specific breakpoint

pub fn get_direction(&self, breakpoint: Breakpoint) -> Option<FlexDirection>

Get flex direction for a specific breakpoint

pub fn get_wrap(&self, breakpoint: Breakpoint) -> Option<FlexWrap>

Get flex wrap for a specific breakpoint

pub fn get_justify(&self, breakpoint: Breakpoint) -> Option<JustifyContent>

Get justify content for a specific breakpoint

pub fn get_align(&self, breakpoint: Breakpoint) -> Option<AlignItems>

Get align items for a specific breakpoint

pub fn get_gap(&self, breakpoint: Breakpoint) -> Option<u32>

Get gap for a specific breakpoint

pub fn to_css_classes(&self) -> String

Generate CSS classes for all breakpoints

pub fn to_css_classes_for_width(&self, screen_width: u32) -> String

Generate CSS classes for a specific screen width

Trait Implementations

impl Clone for ResponsiveFlex

fn clone(&self) -> ResponsiveFlex

Returns a duplicate of the value.

fn clone_from(&mut self, source: &Self)

Performs copy-assignment from source.

impl Debug for ResponsiveFlex

fn fmt(&self, f: &mut Formatter<'_>) -> Result

Formats the value using the given formatter.

impl Default for ResponsiveFlex

fn default() -> Self

Returns the “default value” for a type.

impl<'de> Deserialize<'de> for ResponsiveFlex

fn deserialize<__D>(__deserializer: __D) -> Result<Self, __D::Error>

where __D: Deserializer<'de>,

Deserialize this value from the given Serde deserializer.

impl PartialEq for ResponsiveFlex

fn eq(&self, other: &ResponsiveFlex) -> bool

Tests for self and other values to be equal, and is used by ==.

fn ne(&self, other: &Rhs) -> bool

Tests for !=. The default implementation is almost always sufficient, and should not be overridden without very good reason.

impl Serialize for ResponsiveFlex

fn serialize<__S>(&self, __serializer: __S) -> Result<__S::Ok, __S::Error>

where __S: Serializer,

Serialize this value into the given Serde serializer.

impl StructuralPartialEq for ResponsiveFlex