github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Further doc cleanup

Browse Source
This commit is contained in:
Chris Eppstein 2011-10-16 11:05:51 -07:00
parent 3d1502484c
commit 2f5cc38457
1 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frameworks/compass/stylesheets/compass/typography/lists/_inline-block-list.scss
View File

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