\---
title: Type Systems
\---
.breezeblocks-type-systems
  %a.js-menu-trigger-breezeblocks.breezeblocks-menu-anchor.fixedsticky
    %img{alt: "Menu icon", src: "/images/menu.png"}/
  .js-menu-screen-breezeblocks.breezeblocks-menu-screen
  = partial "breezeblocks-hero"
  = partial "breezeblocks-menu"
  #example
    #type-systems
      %section.refill
        .breezeblocks-wrapper
          .line-behind-text
            %h6 Geometric
          .refill-smaller
            .refill-centering= partial "type_system_geometric"
          .refill-snippet= code_for("type_system_geometric")
      %section.refill
        .breezeblocks-wrapper
          .line-behind-text
            %h6 Rounded Sans Serif
          .refill-smaller
            .refill-centering= partial "type_system_rounded"
          .refill-snippet= code_for("type_system_rounded")
      %section.refill
        .breezeblocks-wrapper
          .line-behind-text
            %h6 Sans Serif
          .refill-smaller
            .refill-centering= partial "type_system_sans"
          .refill-snippet= code_for("type_system_sans")
      %section.refill
        .breezeblocks-wrapper
          .line-behind-text
            %h6 Serif
          .refill-smaller
            .refill-centering= partial "type_system_serif"
          .refill-snippet= code_for("type_system_serif")
      %section.refill
        .breezeblocks-wrapper
          .line-behind-text
            %h6 Slab Serif
          .refill-smaller
            .refill-centering= partial "type_system_slab"
          .refill-snippet= code_for("type_system_slab")
      %section.refill
        .breezeblocks-wrapper
          .line-behind-text
            %h6 Traditional
          .refill-smaller
            .refill-centering= partial "type_system_traditional"
          .refill-snippet= code_for("type_system_traditional")
= partial "breezeblocks-page-scripts"