Struct Style

pub struct Style { /* private fields */ }

This is the main struct used to build and manipulate css properties, it provieds many methods to do that.

use css_style::{prelude::*, color, unit::{ms, px}};

style()
    .and_transition(|conf| {
        conf
            .insert("opacity", |conf| conf.duration(ms(150.)).ease())
            .insert("transform", |conf| conf.duration(ms(150.)).ease())
            .insert("visibility", |conf| conf.duration(ms(150.)).ease())
    })
    .and_position(|conf| conf.absolute())
    .and_background(|conf| conf.color(color::named::WHITE))
    .and_border(|conf| {
        conf.none()
            .width(px(0))
            .radius(px(4))
    })
    .and_padding(|conf| conf.x(px(4)).y(px(2)))
    .and_margin(|conf| conf.top(px(2)))
    .insert("box-shadow", "0 2px 8px rgba(0, 35, 11, 0.15)");

Implementations

impl Style

pub fn new() -> Self

pub fn to_css(&self) -> Option<String>

This method convert this style to html style value

pub fn insert( self, key: impl Into<Cow<'static, str>>, value: impl ToString, ) -> Self

Insert a new css key value pair, or overwrite an existing one.

pub fn try_insert( self, key: impl Into<Cow<'static, str>>, value: Option<impl ToString>, ) -> Self

Same as insert but take Option

pub fn merge(self, other: impl StyleUpdater) -> Self

Merge two style

pub fn try_merge(self, other: Option<impl StyleUpdater>) -> Self

Same as merge but take Option

pub fn opacity(self, val: impl Into<Opacity>) -> Self

where Opacity: StyleUpdater,

Setter for $prop_ty

pub fn try_opacity(self, val: Option<impl Into<Opacity>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn gap(self, val: impl Into<Gap>) -> Self

where Gap: StyleUpdater,

Setter for $prop_ty

pub fn try_gap(self, val: Option<impl Into<Gap>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn align_content(self, val: impl Into<AlignContent>) -> Self

where AlignContent: StyleUpdater,

Setter for $prop_ty

pub fn try_align_content(self, val: Option<impl Into<AlignContent>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn align_items(self, val: impl Into<AlignItems>) -> Self

where AlignItems: StyleUpdater,

Setter for $prop_ty

pub fn try_align_items(self, val: Option<impl Into<AlignItems>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn justify_content(self, val: impl Into<JustifyContent>) -> Self

where JustifyContent: StyleUpdater,

Setter for $prop_ty

pub fn try_justify_content(self, val: Option<impl Into<JustifyContent>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn justify_self(self, val: impl Into<JustifySelf>) -> Self

where JustifySelf: StyleUpdater,

Setter for $prop_ty

pub fn try_justify_self(self, val: Option<impl Into<JustifySelf>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn align_self(self, val: impl Into<AlignSelf>) -> Self

where AlignSelf: StyleUpdater,

Setter for $prop_ty

pub fn try_align_self(self, val: Option<impl Into<AlignSelf>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn flex_wrap(self, val: impl Into<FlexWrap>) -> Self

where FlexWrap: StyleUpdater,

Setter for $prop_ty

pub fn try_flex_wrap(self, val: Option<impl Into<FlexWrap>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn flex_basis(self, val: impl Into<FlexBasis>) -> Self

where FlexBasis: StyleUpdater,

Setter for $prop_ty

pub fn try_flex_basis(self, val: Option<impl Into<FlexBasis>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn flex_direction(self, val: impl Into<FlexDirection>) -> Self

where FlexDirection: StyleUpdater,

Setter for $prop_ty

pub fn try_flex_direction(self, val: Option<impl Into<FlexDirection>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn flex_order(self, val: impl Into<FlexOrder>) -> Self

where FlexOrder: StyleUpdater,

Setter for $prop_ty

pub fn try_flex_order(self, val: Option<impl Into<FlexOrder>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn flex_grow(self, val: impl Into<FlexGrow>) -> Self

where FlexGrow: StyleUpdater,

Setter for $prop_ty

pub fn try_flex_grow(self, val: Option<impl Into<FlexGrow>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn flex_shrink(self, val: impl Into<FlexShrink>) -> Self

where FlexShrink: StyleUpdater,

Setter for $prop_ty

pub fn try_flex_shrink(self, val: Option<impl Into<FlexShrink>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn display(self, val: impl Into<Display>) -> Self

where Display: StyleUpdater,

Setter for $prop_ty

pub fn try_display(self, val: Option<impl Into<Display>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn visibility(self, val: impl Into<Visibility>) -> Self

where Visibility: StyleUpdater,

Setter for $prop_ty

pub fn try_visibility(self, val: Option<impl Into<Visibility>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn cursor(self, val: impl Into<Cursor>) -> Self

where Cursor: StyleUpdater,

Setter for $prop_ty

pub fn try_cursor(self, val: Option<impl Into<Cursor>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn background(self, val: impl Into<Background>) -> Self

where Background: StyleUpdater,

Setter for $prop_ty

pub fn try_background(self, val: Option<impl Into<Background>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn and_background(self, val: impl FnOnce(Background) -> Background) -> Self

where Background: Default + StyleUpdater,

Setter for $prop_ty that takes a closure which returns $prop_ty

pub fn border(self, val: impl Into<Border>) -> Self

where Border: StyleUpdater,

Setter for $prop_ty

pub fn try_border(self, val: Option<impl Into<Border>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn and_border(self, val: impl FnOnce(Border) -> Border) -> Self

where Border: Default + StyleUpdater,

Setter for $prop_ty that takes a closure which returns $prop_ty

pub fn margin(self, val: impl Into<Margin>) -> Self

where Margin: StyleUpdater,

Setter for $prop_ty

pub fn try_margin(self, val: Option<impl Into<Margin>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn and_margin(self, val: impl FnOnce(Margin) -> Margin) -> Self

where Margin: Default + StyleUpdater,

Setter for $prop_ty that takes a closure which returns $prop_ty

pub fn padding(self, val: impl Into<Padding>) -> Self

where Padding: StyleUpdater,

Setter for $prop_ty

pub fn try_padding(self, val: Option<impl Into<Padding>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn and_padding(self, val: impl FnOnce(Padding) -> Padding) -> Self

where Padding: Default + StyleUpdater,

Setter for $prop_ty that takes a closure which returns $prop_ty

pub fn size(self, val: impl Into<Size>) -> Self

where Size: StyleUpdater,

Setter for $prop_ty

pub fn try_size(self, val: Option<impl Into<Size>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn and_size(self, val: impl FnOnce(Size) -> Size) -> Self

where Size: Default + StyleUpdater,

Setter for $prop_ty that takes a closure which returns $prop_ty

pub fn transition(self, val: impl Into<Transition>) -> Self

where Transition: StyleUpdater,

Setter for $prop_ty

pub fn try_transition(self, val: Option<impl Into<Transition>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn and_transition(self, val: impl FnOnce(Transition) -> Transition) -> Self

where Transition: Default + StyleUpdater,

Setter for $prop_ty that takes a closure which returns $prop_ty

pub fn box_shadow(self, val: impl Into<BoxShadow>) -> Self

where BoxShadow: StyleUpdater,

Setter for $prop_ty

pub fn try_box_shadow(self, val: Option<impl Into<BoxShadow>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn and_box_shadow(self, val: impl FnOnce(BoxShadow) -> BoxShadow) -> Self

where BoxShadow: Default + StyleUpdater,

Setter for $prop_ty that takes a closure which returns $prop_ty

pub fn position(self, val: impl Into<Position>) -> Self

where Position: StyleUpdater,

Setter for $prop_ty

pub fn try_position(self, val: Option<impl Into<Position>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn and_position(self, val: impl FnOnce(Position) -> Position) -> Self

where Position: Default + StyleUpdater,

Setter for $prop_ty that takes a closure which returns $prop_ty

pub fn text(self, val: impl Into<Text>) -> Self

where Text: StyleUpdater,

Setter for $prop_ty

pub fn try_text(self, val: Option<impl Into<Text>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn and_text(self, val: impl FnOnce(Text) -> Text) -> Self

where Text: Default + StyleUpdater,

Setter for $prop_ty that takes a closure which returns $prop_ty

pub fn font(self, val: impl Into<Font>) -> Self

where Font: StyleUpdater,

Setter for $prop_ty

pub fn try_font(self, val: Option<impl Into<Font>>) -> Self

Setter for $prop_ty that takes Option<$prop_ty

pub fn and_font(self, val: impl FnOnce(Font) -> Font) -> Self

where Font: Default + StyleUpdater,

Setter for $prop_ty that takes a closure which returns $prop_ty

Trait Implementations

impl Clone for Style

fn clone(&self) -> Style

Returns a duplicate of the value.

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

Performs copy-assignment from source.

impl Debug for Style

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

Formats the value using the given formatter.

impl Default for Style

fn default() -> Style

Returns the “default value” for a type.

impl Display for Style

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

Formats the value using the given formatter.

impl PartialEq for Style

fn eq(&self, other: &Style) -> 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 StyleUpdater for Style

fn update_style(self, style: Style) -> Style

impl StructuralPartialEq for Style