DualTone theme defines a set of custom block style variations.
- Cover / Variable Min Height: used in the footer so that the area of the footer is somehow contant over different device widths (the smaller the device the higher the footer).
- Button / Accent: displays accent color background button.
- Navigation / sidebar navigation: this style variation allows the menu to be correctly displayed in the sidebar.
- Group / Baseline: aligns items with baseline.
- Group / Palette: has been used to display the color palettes.
- Group / Vertical border: has been used for the post navigation links.
There are some style variations that are not used in the demo site, but have been used in the DualTone home page:
- Group / Accent border: displays an accent color border arround the group.
- Group / Width4: Set maximum width so that 4 elements may fit in a big device screen full width page.
- Paragraph / No decoration: for the navigation arrows.
Finally, som variations are only found in the two column layout templates and will only be used by web designers or developers:
- Columns / Sidebar content
- Column / Sidebar left
- Column / Content right
✵✵✵