Sha256: bd434c84e58840ef19707d5739bd41e2e1f2006f20ed1edc58999cfa59912b95
Contents?: true
Size: 1.84 KB
Versions: 62
Compression:
Stored size: 1.84 KB
Contents
#divider-content-block.style-guide__subsection
%h3= link_to_style_guide('components', 'divider_content_block')
%p A content block that shows a horizontal rule. Intended to visually divide other content blocks.
%p should support a user-set border style and width:
.style-guide__example-block
.divider-content-block.divider-content-block--small
.divider-content-block__line{ style: "border-bottom-style: solid; border-bottom-width: 3px" }
%p should support spacing without visual border:
.style-guide__example-block
.divider-content-block.divider-content-block--small
.divider-content-block__line.hidden{ style: "border-bottom-style: solid; border-bottom-width: 3px" }
%p should support various heights:
.style-guide__example-block
.divider-content-block.divider-content-block--small
.divider-content-block__line{ style: "border-bottom-style: dashed; border-bottom-width: 3px" }
.style-guide__example-block
.divider-content-block.divider-content-block--small
.divider-content-block__line.hidden{ style: "border-bottom-style: dashed; border-bottom-width: 3px" }
.style-guide__example-block
.divider-content-block.divider-content-block--medium
.divider-content-block__line{ style: "border-bottom-style: double; border-bottom-width: 3px" }
.style-guide__example-block
.divider-content-block.divider-content-block--medium
.divider-content-block__line.hidden{ style: "border-bottom-style: double; border-bottom-width: 3px" }
.style-guide__example-block
.divider-content-block.divider-content-block--large
.divider-content-block__line{ style: "border-bottom-style: solid; border-bottom-width: 3px" }
.style-guide__example-block
.divider-content-block.divider-content-block--large
.divider-content-block__line.hidden{ style: "border-bottom-style: solid; border-bottom-width: 3px" }
Version data entries
62 entries across 62 versions & 1 rubygems