Helper Classes and Common Properties

Bulma在Color、Spacing、Typography、Visibility、Flexbox等定义了许多方便的css样式类


为了在Blazor中方便使用,BulmaRazor中提供了一个名称叫B的类,包括了Bulma中hepers类

比如:@B.TextPrimary为has-text-primary,@B.MX2为mx-2

详细helpers请参考bulma官网 Go


颜色(Color)

很多组件可以使用Color属性控制主体色

Default Black Light Dark Primary Link Info Success Warning Danger

尺寸(Size)

很多组件可以使用Is{Size},特殊尺寸使用Size属性控制尺寸,根据组件的不同,可以使用的值也不同,大概分为以下几个系列:

  1. bool尺寸 IsSmall、IsNormal、IsMedium、IsLarge,比如Button、Tag、Input、Progress、Icon等等
  2. 数字尺寸 Size.Size1 ~ Size.Size12,比如Column
  3. 数字尺寸 Size.Size1 ~ Size.Size6,用于Title,SubTitle
  4. 平方尺寸 Size.Square16 ~ Size.Square128 比如Image
  5. 比列尺寸 Size.Half、Size.Full、Size.TwoThirds等等,比如Column

Small Normal Medium Large

文档