💥 Consolidate component class name management

This commit is contained in:
Manuel Cillero 2023-09-11 21:07:45 +02:00
parent d1bfb2a799
commit 45d8c55e61
19 changed files with 178 additions and 165 deletions

View file

@ -53,8 +53,8 @@ impl ThemeTrait for Bulmix {
a.alter_classes(
ClassesOp::SetDefault,
match a.anchor_type() {
AnchorType::Button => "button is-primary",
_ => "",
AnchorType::Button => &["button", "is-primary"],
_ => &[],
},
);
}
@ -63,13 +63,13 @@ impl ThemeTrait for Bulmix {
h.alter_classes(
ClassesOp::SetDefault,
match h.display() {
HeadingDisplay::XxLarge => "title is-1",
HeadingDisplay::Large => "title is-2",
HeadingDisplay::Medium => "title is-3",
HeadingDisplay::Small => "title is-4",
HeadingDisplay::XxSmall => "title is-5",
HeadingDisplay::Normal => "title",
HeadingDisplay::Subtitle => "subtitle",
HeadingDisplay::XxLarge => &["title", "is-1"],
HeadingDisplay::Large => &["title", "is-2"],
HeadingDisplay::Medium => &["title", "is-3"],
HeadingDisplay::Small => &["title", "is-4"],
HeadingDisplay::XxSmall => &["title", "is-5"],
HeadingDisplay::Normal => &["title"],
HeadingDisplay::Subtitle => &["subtitle"],
},
);
}
@ -78,12 +78,12 @@ impl ThemeTrait for Bulmix {
p.alter_classes(
ClassesOp::SetDefault,
match p.display() {
ParagraphDisplay::XxLarge => "is-size-2",
ParagraphDisplay::Large => "is-size-3",
ParagraphDisplay::Medium => "is-size-4",
ParagraphDisplay::Small => "is-size-5",
ParagraphDisplay::XxSmall => "is-size-6",
ParagraphDisplay::Normal => "",
ParagraphDisplay::XxLarge => &["is-size-2"],
ParagraphDisplay::Large => &["is-size-3"],
ParagraphDisplay::Medium => &["is-size-4"],
ParagraphDisplay::Small => &["is-size-5"],
ParagraphDisplay::XxSmall => &["is-size-6"],
ParagraphDisplay::Normal => &[],
},
);
}
@ -91,31 +91,30 @@ impl ThemeTrait for Bulmix {
let col = component_as_mut::<grid::Column>(component);
col.alter_classes(
ClassesOp::SetDefault,
concat_string!(
&[
"column",
match col.size() {
grid::ColumnSize::Default => "",
grid::ColumnSize::Is1of12 => " is-1",
grid::ColumnSize::Is2of12 => " is-2",
grid::ColumnSize::Is3of12 => " is-3",
grid::ColumnSize::Is4of12 => " is-4",
grid::ColumnSize::Is5of12 => " is-5",
grid::ColumnSize::Is6of12 => " is-6",
grid::ColumnSize::Is7of12 => " is-7",
grid::ColumnSize::Is8of12 => " is-8",
grid::ColumnSize::Is9of12 => " is-9",
grid::ColumnSize::Is10of12 => " is-10",
grid::ColumnSize::Is11of12 => " is-11",
grid::ColumnSize::IsFull => " is-12",
grid::ColumnSize::Is1of12 => "is-1",
grid::ColumnSize::Is2of12 => "is-2",
grid::ColumnSize::Is3of12 => "is-3",
grid::ColumnSize::Is4of12 => "is-4",
grid::ColumnSize::Is5of12 => "is-5",
grid::ColumnSize::Is6of12 => "is-6",
grid::ColumnSize::Is7of12 => "is-7",
grid::ColumnSize::Is8of12 => "is-8",
grid::ColumnSize::Is9of12 => "is-9",
grid::ColumnSize::Is10of12 => "is-10",
grid::ColumnSize::Is11of12 => "is-11",
grid::ColumnSize::IsFull => "is-12",
},
" content"
)
.as_str(),
"content",
]
);
}
grid::COMPONENT_GRID_ROW => {
let row = component_as_mut::<grid::Row>(component);
row.alter_classes(ClassesOp::SetDefault, "columns");
row.alter_classes(ClassesOp::SetDefault, &["columns"]);
}
_ => {}
}