tomt_bevycss 0.7.1

Expansion and fixes based on bevy_ecss. Allows for using a slightly wider subset of CSS to interact with Bevy ECS. Now on Bevy 0.13!
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117

#[macro_use]
mod macros;

use super::*;
use crate::{
    prelude::BevyCssError,
    property::{Property, PropertyValues},
};

// Rect type property fields
impl_style_rect!("margin", MarginProperty, margin);
impl_style_rect!("padding", PaddingProperty, padding);
impl_style_rect!("border", BorderProperty, border);

// Val (number) type property fields
impl_style_single_value!("left", LeftProperty, Val, val, left);
impl_style_single_value!("right", RightProperty, Val, val, right);
impl_style_single_value!("top", TopProperty, Val, val, top);
impl_style_single_value!("bottom", BottomProperty, Val, val, bottom);

impl_style_single_value!("width", WidthProperty, Val, val, width);
impl_style_single_value!("height", HeightProperty, Val, val, height);

impl_style_single_value!("min-width", MinWidthProperty, Val, val, min_width);
impl_style_single_value!("min-height", MinHeightProperty, Val, val, min_height);

impl_style_single_value!("max-width", MaxWidthProperty, Val, val, max_width);
impl_style_single_value!("max-height", MaxHeightProperty, Val, val, max_height);

impl_style_single_value!("flex-basis", FlexBasisProperty, Val, val, max_height);

// f32 (number) type property fields
impl_style_single_value!("flex-grow", FlexGrowProperty, f32, f32, flex_grow);
impl_style_single_value!("flex-shrink", FlexShrinkProperty, f32, f32, flex_shrink);

impl_style_single_value!("aspect-ratio", AspectRatioProperty, Option<f32>, option_f32, aspect_ratio);

// OverflowAxis type property fields (special case)
impl_style_single_value!("overflow-x", OverflowXProperty, OverflowAxis, overflow, overflow.x);
impl_style_single_value!("overflow-y", OverflowYProperty, OverflowAxis, overflow, overflow.y);

impl_style_enum!(
    Display,            // Bevy enum
    "display",          // CSS property name
    DisplayProperty,    // Library structure to map
    display,            // Property to access on bevy::ui::Style

    "flex" => Flex,     // Text-to-Bevy enum mappings
    "none" => None
);

impl_style_enum!(
    PositionType, "position-type", PositionTypeProperty, position_type,
    "absolute" => Absolute,
    "relative" => Relative,
);

impl_style_enum!(
    Direction, "direction", DirectionProperty, direction,
    "inherit" => Inherit,
    "left-to-right" => LeftToRight,
    "right-to-left" => RightToLeft,
);

impl_style_enum!(
    FlexDirection, "flex-direction", FlexDirectionProperty, flex_direction,
    "row" => Row,
    "column" => Column,
    "row-reverse" => RowReverse,
    "column-reverse" => ColumnReverse,
);

impl_style_enum!(
    FlexWrap, "flex-wrap", FlexWrapProperty, flex_wrap,
    "no-wrap" => NoWrap,
    "wrap" => Wrap,
    "wrap-reverse" => WrapReverse,
);

impl_style_enum!(
    AlignItems, "align-items", AlignItemsProperty, align_items,
    "flex-start" => FlexStart,
    "flex-end" => FlexEnd,
    "center" => Center,
    "baseline" => Baseline,
    "stretch" => Stretch,
);

impl_style_enum!(
    AlignSelf, "align-self", AlignSelfProperty, align_self,
    "auto" => Auto,
    "flex-start" => FlexStart,
    "flex-end" => FlexEnd,
    "center" => Center,
    "baseline" => Baseline,
    "stretch" => Stretch,
);

impl_style_enum!(
    AlignContent, "align-content", AlignContentProperty, align_content,
    "flex-start" => FlexStart,
    "flex-end" => FlexEnd,
    "center" => Center,
    "stretch" => Stretch,
    "space-between" => SpaceBetween,
    "space-around" => SpaceAround,
);

impl_style_enum!(
    JustifyContent, "justify-content", JustifyContentProperty, justify_content,
    "flex-start" => FlexStart,
    "flex-end" => FlexEnd,
    "center" => Center,
    "space-between" => SpaceBetween,
    "space-around" => SpaceAround,
    "space-evenly" => SpaceEvenly,
);