pub struct ResponsiveFlex {
pub direction: ResponsiveValue<FlexDirection>,
pub wrap: ResponsiveValue<FlexWrap>,
pub justify: ResponsiveValue<JustifyContent>,
pub align: ResponsiveValue<AlignItems>,
pub gap: ResponsiveValue<u32>,
}Expand description
Re-export core tailwind-rs functionality 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§
Source§impl ResponsiveFlex
impl ResponsiveFlex
Sourcepub fn new() -> ResponsiveFlex
pub fn new() -> ResponsiveFlex
Create a new responsive flex container
Sourcepub fn with_base(
direction: FlexDirection,
wrap: FlexWrap,
justify: JustifyContent,
align: AlignItems,
gap: u32,
) -> ResponsiveFlex
pub fn with_base( direction: FlexDirection, wrap: FlexWrap, justify: JustifyContent, align: AlignItems, gap: u32, ) -> ResponsiveFlex
Create a responsive flex container with base values
Sourcepub fn set_direction(
&mut self,
breakpoint: Breakpoint,
direction: FlexDirection,
)
pub fn set_direction( &mut self, breakpoint: Breakpoint, direction: FlexDirection, )
Set flex direction for a specific breakpoint
Sourcepub fn set_wrap(&mut self, breakpoint: Breakpoint, wrap: FlexWrap)
pub fn set_wrap(&mut self, breakpoint: Breakpoint, wrap: FlexWrap)
Set flex wrap for a specific breakpoint
Sourcepub fn set_justify(&mut self, breakpoint: Breakpoint, justify: JustifyContent)
pub fn set_justify(&mut self, breakpoint: Breakpoint, justify: JustifyContent)
Set justify content for a specific breakpoint
Sourcepub fn set_align(&mut self, breakpoint: Breakpoint, align: AlignItems)
pub fn set_align(&mut self, breakpoint: Breakpoint, align: AlignItems)
Set align items for a specific breakpoint
Sourcepub fn set_gap(&mut self, breakpoint: Breakpoint, gap: u32)
pub fn set_gap(&mut self, breakpoint: Breakpoint, gap: u32)
Set gap for a specific breakpoint
Sourcepub fn get_direction(&self, breakpoint: Breakpoint) -> Option<FlexDirection>
pub fn get_direction(&self, breakpoint: Breakpoint) -> Option<FlexDirection>
Get flex direction for a specific breakpoint
Sourcepub fn get_wrap(&self, breakpoint: Breakpoint) -> Option<FlexWrap>
pub fn get_wrap(&self, breakpoint: Breakpoint) -> Option<FlexWrap>
Get flex wrap for a specific breakpoint
Sourcepub fn get_justify(&self, breakpoint: Breakpoint) -> Option<JustifyContent>
pub fn get_justify(&self, breakpoint: Breakpoint) -> Option<JustifyContent>
Get justify content for a specific breakpoint
Sourcepub fn get_align(&self, breakpoint: Breakpoint) -> Option<AlignItems>
pub fn get_align(&self, breakpoint: Breakpoint) -> Option<AlignItems>
Get align items for a specific breakpoint
Sourcepub fn get_gap(&self, breakpoint: Breakpoint) -> Option<u32>
pub fn get_gap(&self, breakpoint: Breakpoint) -> Option<u32>
Get gap for a specific breakpoint
Sourcepub fn to_css_classes(&self) -> String
pub fn to_css_classes(&self) -> String
Generate CSS classes for all breakpoints
Sourcepub fn to_css_classes_for_width(&self, screen_width: u32) -> String
pub fn to_css_classes_for_width(&self, screen_width: u32) -> String
Generate CSS classes for a specific screen width
Trait Implementations§
Source§impl Clone for ResponsiveFlex
impl Clone for ResponsiveFlex
Source§fn clone(&self) -> ResponsiveFlex
fn clone(&self) -> ResponsiveFlex
1.0.0 · Source§fn clone_from(&mut self, source: &Self)
fn clone_from(&mut self, source: &Self)
source. Read more