Home

Singularity is a next generation grid framework built from the ground up to be responsive. What makes Singularity different? Well, a lot of things. Singularity is based on internal ratios instead of context based which allows for better gutter consistency across breakpoints. Ratio based math also allows for non-uniform grids in any unit you want to use.

1. Installation

• Requirements
• Installation
  • Creating a New Project with Singularity
  • Using with an Existing Project
  • Legacy Internet Explorer Support
  • Singularity Demos
• Staying on 0.x

2. Creating Grids

• Symmetric Grids
• Asymmetric Grids
• Responsive Grids
• Gutter Styles
  • Split Gutters
  • Fixed Gutters
• Visualizing Your Grids

3. Output Styles

• Isolation
• Float

4. Output Options

• Grid Direction
• Box Sizing: Border Box
• Clearfix

5. Spanning The Grid

• Grid Span
  • Grid Span Options
• Context Overrides
  • Group Context Overrides
• Output Span
  • Isolation Span
  • Float Span

Advanced

1. Grid Helpers

• Find Functions
• Span Functions
  • Column Span
  • Gutter Span
  • Grid Span

2. Output API
3. Grid Generators