test case for lists.

This commit is contained in:
Chris Eppstein 2010-07-09 09:42:37 -07:00
parent e79232a7ab
commit 31fc7015d1
4 changed files with 92 additions and 0 deletions

View File

@ -7,3 +7,4 @@ output_style = :nested
# To enable relative image paths using the images_url() function: # To enable relative image paths using the images_url() function:
# http_images_path = :relative # http_images_path = :relative
http_images_path = "/images" http_images_path = "/images"
line_comments = false

View File

@ -0,0 +1,83 @@
ul.horizontal {
margin: 0;
padding: 0;
border: 0;
outline: 0;
overflow: hidden;
display: inline-block; }
ul.horizontal {
display: block; }
ul.horizontal li {
list-style-image: none;
list-style-type: none;
margin-left: 0px;
white-space: nowrap;
display: inline;
float: left;
padding-left: 4px;
padding-right: 4px; }
ul.horizontal li:first-child, ul.horizontal li.first {
padding-left: 0px; }
ul.horizontal li:last-child, ul.horizontal li.last {
padding-right: 0px; }
ul.wide-horizontal {
margin: 0;
padding: 0;
border: 0;
outline: 0;
overflow: hidden;
display: inline-block; }
ul.wide-horizontal {
display: block; }
ul.wide-horizontal li {
list-style-image: none;
list-style-type: none;
margin-left: 0px;
white-space: nowrap;
display: inline;
float: left;
padding-left: 10px;
padding-right: 10px; }
ul.wide-horizontal li:first-child, ul.wide-horizontal li.first {
padding-left: 0px; }
ul.wide-horizontal li:last-child, ul.wide-horizontal li.last {
padding-right: 0px; }
ul.inline {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline; }
ul.inline li {
margin: 0px;
padding: 0px;
display: inline; }
ul.comma {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline; }
ul.comma li {
margin: 0px;
padding: 0px;
display: inline; }
ul.comma li:after {
content: ", "; }
ul.comma li:last-child:after, ul.comma li.last:after {
content: ""; }
ul.no-bullets {
list-style: none; }
ul.no-bullets li {
list-style-image: none;
list-style-type: none;
margin-left: 0px; }
ul.pretty {
margin-left: 0; }
ul.pretty li {
padding-left: 14px;
background: url('/images/4x6.png?1278693488') no-repeat 4px 7px;
list-style-type: none; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 875 B

View File

@ -0,0 +1,8 @@
@import "compass/utilities/lists";
ul.horizontal { @include horizontal-list; }
ul.wide-horizontal { @include horizontal-list(10px); }
ul.inline { @include inline-list; }
ul.comma { @include comma-delimited-list; }
ul.no-bullets { @include no-bullets; }
ul.pretty { @include pretty-bullets("4x6.png"); }