dan/gpui-component
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add font-weight methods to styled: font_light, font_semibold, font_bold ... (#58)

Browse source 
https://tailwindcss.com/docs/font-weight
This commit is contained in:
Jason Lee 2024-07-23 14:57:16 +08:00 committed by GitHub
parent 30f34dc780
commit 3ec35929ae
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
crates/ui/src/styled_ext.rs
View file

@ -46,6 +46,15 @@ fn elevated<E: Styled>(this: E, cx: &WindowContext, index: ElevationIndex) -> E
.shadow(index.shadow()) .shadow(index.shadow())
} }
macro_rules! font_weight {
($fn:ident, $const:ident) => {
/// [docs](https://tailwindcss.com/docs/font-weight)
fn $fn(self) -> Self {
self.font_weight(gpui::FontWeight::$const)
}
};
}
/// Extends [`gpui::Styled`] with specific styling methods. /// Extends [`gpui::Styled`] with specific styling methods.
pub trait StyledExt: Styled + Sized { pub trait StyledExt: Styled + Sized {
/// Horizontally stacks elements. /// Horizontally stacks elements.
@ -139,6 +148,16 @@ pub trait StyledExt: Styled + Sized {
fn outline(self, cx: &WindowContext) -> Self { fn outline(self, cx: &WindowContext) -> Self {
self.border_color(cx.theme().ring) self.border_color(cx.theme().ring)
} }
font_weight!(font_thin, THIN);
font_weight!(font_extralight, EXTRA_LIGHT);
font_weight!(font_light, LIGHT);
font_weight!(font_normal, NORMAL);
font_weight!(font_medium, MEDIUM);
font_weight!(font_semibold, SEMIBOLD);
font_weight!(font_bold, BOLD);
font_weight!(font_extrabold, EXTRA_BOLD);
font_weight!(font_black, BLACK);
} }
impl<E: Styled> StyledExt for E {} impl<E: Styled> StyledExt for E {}