anchor.diff:  
       and GenericIsActiveState =
           { IsActive : string }
  -
  -    and Box =
  -        { Container : string }
  -
  -    and Button =
  -        { Container : string
  -          Size : ButtonSize
  -          Color : LevelAndColor
  -          State : ButtonState
  -          Styles : ButtonStyles }
  -
  -    and ButtonSize =
  -        { IsSmall : string
  -          IsMedium : string
  -          IsLarge : string
  -          IsFullwidth : string }
  -
  -    and ButtonState =
  -        { IsHovered : string
  -          IsFocused : string
  -          IsActive : string
  -          IsLoading : string }
  -
  -    and ButtonStyles =
  -        { IsLink : string
  -          IsOutlined : string
  -          IsInverted : string }
  -
  -    and Card =
  -        { Container : string
  -          Header : CardHeader
  -          Image : string
  -          Content : string
  -          Footer : CardFooter }
  -
  -    and CardHeader =
  -        { Container : string
  -          Title : string
  -          Icon : string }
  -
  -    and CardFooter =
  -        { Container : string
  -          Item : string }
  -
  -    and Content =
  -        { Container : string
  -          Size : StandardSize }
  -
  -    and Control =
  -        { Container : string
  -          HasIcon : ControlHasIcon
  -          State : ControlState }
  -
  -    and ControlHasIcon =
  -        { Left : string
  -          Right : string }
  -
  -    and ControlState =
  -        { IsLoading : string }
  -
  -    and Delete =
  -        { Container : string
  -          Size : StandardSize }
  -
  -    and Field =
  -        { Container : string
  -          Label : string
  -          Body : string
  -          HasAddons : FieldHasAddons
  -          IsGrouped : FieldIsGrouped
  -          Layout : FieldLayout }
  -
  -    and FieldHasAddons =
  -        { Left : string
  -          Centered : string
  -          Right : string
  -          FullWidh : string }
  -
  -    and FieldIsGrouped =
  -        { Left : string
  -          Centered : string
  -          Right : string }
  -
  -    and FieldLayout =
  -        { IsHorizontal : string }
  -
  -    and Grid =
  -        { Columns : Columns
  -          Column : Column }
  -
  -    and Columns =
  -        { Container : string
  -          Alignment : ColumnsAlignment
  -          Spacing : ColumnsSpacing
  -          Display : ColumnsDisplay }
  -
  -    and Column =
  -        { Container : string
  -          Width : GenericColumnSize
  -          Offset : GenericColumnSize
  -          Desktop : ColunScreenTypeSize
  -          Tablet : ColunScreenTypeSize
  -          Mobile : ColunScreenTypeSize
  -          WideScreen : ColunScreenTypeSize }
  -
  -    and ColunScreenTypeSize =
  -        { Width : GenericColumnSize
  -          Offset : GenericColumnSize }
   
       and GenericColumnSize =
           { IsOneQuarter : string
  
positive.code:           IsNarrow : string
            IsFull : string }
  
      and ColumnsAlignment =
          { IsCentered : string
            IsVCentered : string }
  
      and ColumnsSpacing =
          { IsMultiline : string
            IsGapless : string
            IsGrid : string }
  
      and ColumnsDisplay =
          { OnMobile : string
            OnlyDesktop : string }
  
      and Icon =
          { Container : string
            Position : IconPosition
            Size : StandardSize }
  
      and IconPosition =
          { Left : string
            Right : string }
  
      and Input =
          { Container : string
            Display : InputDisplay
            Size : StandardSize
            State : InputState
            Color : LevelAndColor
            Addon : InputAddon }
  
      and InputDisplay =
          { IsInline : string }
  
      and InputState =
          { IsHovered : string
            IsFocused : string
            IsActive : string
            IsLoading : string }
  
      and InputAddon =
          { IsExpanded : string }
  
      and Image =
          { Container : string
            Size : ImageSize
            Ratio : ImageRatio }
  
      and ImageSize =
          { Is16x16 : string
            Is24x24 : string
            Is32x32 : string
            Is48x48 : string
            Is64x64 : string
            Is96x96 : string
            Is128x128 : string }
  
      and ImageRatio =
          { IsSquare : string
            Is1by1 : string
            Is4by3 : string
            Is3by2 : string
            Is16by9 : string
            Is2by1 : string }
  
      and Heading =
          { Title : string
            Subtitle : string
            Size : HeadingSize
            Spacing : HeadingSpacing }
  
      and HeadingSize =
          { Is1 : string
            Is2 : string
            Is3 : string
            Is4 : string
            Is5 : string
            Is6 : string }
  
      and HeadingSpacing =
          { IsNormal : string }
  
      and Hero =
          { Container : string
            Head : string
            Body : string
            Foot : string
            Video : HeroVideo
            Buttons : HeroButtons
            Style : HeroStyle
            Size : HeroSize
            Color : LevelAndColor }
  
      and HeroVideo =
          { Container : string
            IsTransparent : string }
  
      and HeroButtons =
          { Container : string }
  
      and HeroStyle =
          { IsBold : string }
  
      and HeroSize =
          { IsMedium : string
            IsLarge : string
            IsHalfHeight : string
            IsFullHeight : string }
  
      and Label =
          { Container : string
            Size : StandardSize }
  
      and Level =
          { Container : string
            Left : string
            Right : string
            Item : LevelItem
            Mobile : LevelMobile }
  
  
      and LevelItem =
          { Container : string
            HasTextCentered : string }
  
      and LevelMobile =
          { IsHorizontal : string }
  
      and Menu =
          { Container : string
            Label : string
            List : string }
  
      and Media =
          { Container : string
            Left : string
            Right : string
            Content : string
            Size : MediaSize }
  
      and MediaSize =
          { isLarge : string }
  
      and Message =
          { Container : string
            Header : string
            Body : string
            Color : LevelAndColor }
  
      and Modifiers =
          { Size : StandardSize
            Color : LevelAndColor }
  
      and Nav =
          { Container : string
            Left : string
            Center : string
            Right : string
            Toggle : NavToggle
            Menu : NavMenu
            Item : NavItem
            Style : NavStyle }
  
      and NavToggle =
          { Container : string
            State : GenericIsActiveState }
  
      and NavMenu =
          { Container : string
            State : GenericIsActiveState }
  
      and NavItem =
          { Container : string
            Style : NavItemStyle
            State : GenericIsActiveState }
  
      and NavItemStyle =
          { IsTab : string }
  
      and NavStyle =
          { HasShadow : string }
  
      and Panel =
          { Container : string
            Heading : string
            Tabs : PanelTabs
            Block : PanelBlock }
  
      and PanelTabs =
          { Container : string
            Tab : PanelTabsTab }
  
      and PanelTabsTab =
          { State : PanelTabsTabState }
  
      and PanelTabsTabState =
          { IsActive : string }
  
      and PanelTabsState =
          { IsActive : string }
  
      and PanelBlock =
          { Container : string
            Icon : string
            List : string
            State : PanelBlockState }
  
      and PanelBlockState =
          { IsActive : string }
  
      and Properties =
          { Float : PropertiesFloat
            Alignment : PropertiesAlignment
            Sizing : PropertiesSizing
            Display : PropertiesDisplay
            Visibility : PropertiesVisibility
            Interaction : PropertiesInteraction }
  
      and PropertiesFloat =
          { IsClearfix : string
            IsPulledLeft : string
            IsPulledRight : string }
  
      and PropertiesAlignment =
          { HasTextCentered : string
            HasTextLeft : string
            HasTextRight : string }
  
      and PropertiesSizing =
          { IsOverlay : string
            IsFullwidth : string
            IsMarginless : string
            IsPaddingless : string }
  
      and PropertiesDisplay =
          { IsBlock : DisplayType
            IsFlex : DisplayType
            IsInline : DisplayType
            IsInlineBox : DisplayType
            IsInlineFlex : DisplayType }
  
      and DisplayType =
          { Always : string
  
negative.code:           IsNarrow = "is-offset-narrow" + suffix
            IsFull = "is-full" + suffix }
  
      let generateDisplayType prefix =
          { Always = "is-" + prefix + "-touch" ++ "is-" + prefix + "-desktop"
            Mobile = "is-" + prefix + "-mobile"
  