Skip to content
This repository has been archived by the owner on Jan 6, 2020. It is now read-only.

1. Types of Pattern (aka Blocks)

Jon Roobottom edited this page Jan 4, 2016 · 3 revisions

Firefly uses several pattern types, all have their specific jobs. When creating a new pattern (or "block") it should be easy to decide what type you're going to create:

  • ff_module - The smallest fundamental block. Modules can contain other modules, but only when they're used in a fixed way. I.e. You can't call in module into a module dynamically.
  • ff_container - Any container block that will contain one or more other blocks. These are typically hand-coded in Firefly as there’s no way to dynamically call templates in XSLT.
  • ff_util - Utilities are css classes that can be added to any other block.

There are also some other block types that already exist, but you'll never need to create them or modify them:

  • ff_grid — Layout controls
  • ff_icon — Icons

There is one final special block type that is only used in the pattern library, it's never included in by the gulp export task:

  • lib_test — This block type allows you to combine any of the other blocks to test their behavior together inside the pattern library.
Clone this wiki locally