Skip to content

Instantly share code, notes, and snippets.

@bradfrost
Last active November 8, 2017 13:27
Show Gist options
  • Save bradfrost/76989464ba97c3a6469904868d311a8c to your computer and use it in GitHub Desktop.
Save bradfrost/76989464ba97c3a6469904868d311a8c to your computer and use it in GitHub Desktop.
Markdown IA for a style guide's pattern detail page
layout group subgroup permalink title description status variations usage classes fine-print
component-detail
components
blocks-and-cards
/components/blocks-and-cards/card.html
Card
This is a card.
Complete
title description styleModifier codepenUser codepenID
Default Card
Description of component
c-card
frostyweather
EbgJYG
title description styleModifier codepenUser codepenID
Card Variation
Description of component
c-card
frostyweather
EbgJYG
title description
When to use
When to use description
title description
When to consider an alternative
Alternative usage description
className required description
c-hero
true
Apply to the hero block's containing HTML element. This class sets up the background-image handling and text color for the unit. The `c-hero` element should have just one immediate child, the `c-hero__body` element. Note, too, that the unit's hero image should be applied as a background image to this `c-hero` element.
className modifier description
c-hero--bare
true
Add to the `c-hero` element to remove the default gradient overlay from the hero image.
className modifier description
c-hero--tinted
true
Add to the `c-hero` element to replace the default gradient overlay with a solid, uniform tint.
version update owner
0.3
April 27, 2017
Jane Doe
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment