manuelcillero/pagetop
manuelcillero/pagetop
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

🚚 Name enums/classes based on their properties

Browse source
This commit is contained in:
Manuel Cillero 2024-03-14 06:20:16 +01:00
parent 3d26459843
commit 00eb831b43
2 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/base/component/flex.rs
View file

@ -127,9 +127,9 @@ impl ToString for ContentJustify {
pub enum ItemAlign { pub enum ItemAlign {
#[default] #[default]
Default, Default,
Top, Start,
Bottom, End,
Middle, Center,
Stretch, Stretch,
Baseline, Baseline,
} }
@ -139,9 +139,9 @@ impl ToString for ItemAlign {
fn to_string(&self) -> String { fn to_string(&self) -> String {
String::from(match self { String::from(match self {
ItemAlign::Default => "", ItemAlign::Default => "",
ItemAlign::Top => "flex-item__top", ItemAlign::Start => "flex-item__start",
ItemAlign::Bottom => "flex-item__bottom", ItemAlign::End => "flex-item__end",
ItemAlign::Middle => "flex-item__middle", ItemAlign::Center => "flex-item__center",
ItemAlign::Stretch => "flex-item__stretch", ItemAlign::Stretch => "flex-item__stretch",
ItemAlign::Baseline => "flex-item__baseline", ItemAlign::Baseline => "flex-item__baseline",
}) })

10
static/base/css/flex.css
View file

@ -67,10 +67,10 @@
justify-content: space-evenly; justify-content: space-evenly;
} }
.flex__container.flex-item__bottom { .flex__container.flex-item__end {
align-items: flex-end; align-items: flex-end;
} }
.flex__container.flex-item__middle { .flex__container.flex-item__center {
align-items: center; align-items: center;
} }
.flex__container.flex-item__stretch { .flex__container.flex-item__stretch {
@ -221,13 +221,13 @@
margin-left: 90%; margin-left: 90%;
} }
.flex-item__container.flex-item__top { .flex-item__container.flex-item__start {
align-self: flex-start; align-self: flex-start;
} }
.flex-item__container.flex-item__bottom { .flex-item__container.flex-item__end {
align-self: flex-end; align-self: flex-end;
} }
.flex-item__container.flex-item__middle { .flex-item__container.flex-item__center {
align-self: center; align-self: center;
} }
.flex-item__container.flex-item__stretch { .flex-item__container.flex-item__stretch {