Sha256: f7ad4d75a63d0b7a9eb5ae3a53c1a34ee2688247e2f654c4b7cd34b837fa3ebb
Contents?: true
Size: 1.46 KB
Versions: 5
Compression:
Stored size: 1.46 KB
Contents
//**\\
Horizontal list layout module.
Easy mode using simple descendant li selectors:
ul.nav
+horizontal-list
Advanced mode:
If you need to target the list items using a different selector then use
+horizontal-list-container on your ul/ol and +horizontal-list-item on your li.
This may help when working on layouts involving nested lists. For example:
ul.nav
+horizontal-list-container
> li
+horizontal-list-item
@import bullets.sass
@import compass/utilities/general/reset.sass
@import compass/utilities/general/float.sass
//**
Can be mixed into any selector that target a ul or ol that is meant
to have a horizontal layout. Used to implement +horizontal-list.
=horizontal-list-container
+reset-box-model
+clearfix
//**
Can be mixed into any li selector that is meant to participate in a horizontal layout.
Used to implement +horizontal-list.
:last-child is not fully supported
see http://www.quirksmode.org/css/contents.html#t29 for the support matrix
=horizontal-list-item(!padding = 4px)
+no-bullet
white-space: nowrap
+float-left
padding:
left= !padding
right= !padding
&:first-child, &.first
padding-left: 0px
&:last-child, &.last
padding-right: 0px
//**
A list(ol,ul) that is layed out such that the elements are floated left and won't wrap.
This is not an inline list.
=horizontal-list(!padding = 4px)
+horizontal-list-container
li
+horizontal-list-item(!padding)
Version data entries
5 entries across 5 versions & 1 rubygems