diff --git a/frameworks/compass/stylesheets/compass/typography/lists/_inline-block-list.scss b/frameworks/compass/stylesheets/compass/typography/lists/_inline-block-list.scss index 55df75e5..7c698c93 100644 --- a/frameworks/compass/stylesheets/compass/typography/lists/_inline-block-list.scss +++ b/frameworks/compass/stylesheets/compass/typography/lists/_inline-block-list.scss @@ -2,18 +2,22 @@ // // Easy mode using simple descendant li selectors: // -// ul.nav { -// @import inline-block-list; -// } +// ul.nav { +// @import inline-block-list; +// } +// // Advanced mode: // If you need to target the list items using a different selector then use -// +inline-block-list-container on your ul/ol and +inline-block-list-item on your li. -// This may help when working on layouts involving nested lists. For example: +// `@include inline-block-list-container` on your ul/ol and +// `@include inline-block-list-item` on your li. This may help when working +// on layouts involving nested lists. For example: // -// ul.nav -// +inline-block-list-container -// > li -// +inline-block-list-item +// ul.nav { +// @include inline-block-list-container; +// > li { +// @include inline-block-list-item; +// } +// } @import "bullets"; @import "horizontal-list"; @@ -21,13 +25,12 @@ @import "compass/css3/inline-block"; // Can be mixed into any selector that target a ul or ol that is meant -// to have an inline-block layout. Used to implement +inline-block-list. +// to have an inline-block layout. Used to implement `inline-block-list`. @mixin inline-block-list-container { @include horizontal-list-container; } // Can be mixed into any li selector that is meant to participate in a horizontal layout. -// Used to implement +inline-block-list. - +// Used to implement `inline-block-list`. @mixin inline-block-list-item($padding: false) { @include no-bullet; @include inline-block;