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:
//
// 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;