Change the size, weight, and other font properties of the text.
| Modifier | Font size |
|---|---|
b.FontSize(1) | Set font size to 1 (3 rem) |
b.FontSize(2) | Set font size to 2 (2.5 rem) |
b.FontSize(3) | Set font size to 3 (2 rem) |
b.FontSize(4) | Set font size to 4 (1.5 rem) |
b.FontSize(5) | Set font size to 5 (1.25 rem) |
b.FontSize(6) | Set font size to 6 (default size) (1 rem) |
b.FontSize(7) | Set font size to 7 (0.75 rem) |
You can choose a specific size for each viewport width, by calling one of the following methods on the size modifier:
| Method | Action |
|---|---|
.Mobile() | Apply on mobile |
.Touch() | Apply on mobile and tablet |
.Tablet() | Apply on tablet and larger |
.Desktop() | Apply on desktop and larger |
.Widescreen() | Apply on widescreen and full HD |
.FullHD() | Apply on full HD |
| Modifier | Alignment |
|---|---|
b.TextCentered | Centered |
b.TextJustified | Justified |
b.TextLeft | Left |
b.TextRight | Right |
You can align text differently for each viewport width viewport width, by calling one of the following methods on the size modifier:
| Method | Action |
|---|---|
.Mobile() | Apply on mobile |
.Touch() | Apply on mobile and tablet |
.TabletOnly() | Apply on tablet |
.Tablet() | Apply on tablet and larger |
.DesktopOnly() | Apply on desktop |
.Desktop() | Apply on desktop and larger |
.WidescreenOnly() | Apply on widescreen |
.Widescreen() | Apply on widescreen and full HD |
.FullHD() | Apply on full HD |
| Modifier | Transformation |
|---|---|
b.Capitalized | First character of each word uppercased |
b.Lowercase | TRANSFORM aLL cHaRaCtErs to LOWERcase |
b.Uppercase | TRANSFORM aLL cHaRaCtErs to UPPERcase |
b.Italic | Transform all characters to italic |
b.Underlined | Underline the text |
| Modifier | Weight |
|---|---|
b.WeightLight | Transform weight to light |
b.WeightNormal | Transform weight to normal |
b.WeightMedium | Transform weight to medium |
b.WeightSemiBold | Transform weight to semi-bold |
b.WeightBold | Transform weight to bold |