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

inline-block-list tests

Browse Source
This commit is contained in:
Eric Meyer 2010-08-11 17:18:45 -06:00
parent bc12d26f17
commit 64a5527ecf
2 changed files with 49 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
test/fixtures/stylesheets/compass/css/lists.css vendored
View File

@ -61,6 +61,46 @@ ul.right-horizontal {
ul.right-horizontal li:last-child, ul.right-horizontal li.last { ul.right-horizontal li:last-child, ul.right-horizontal li.last {
padding-left: 0px; } padding-left: 0px; }
ul.inline-block {
margin: 0;
padding: 0;
border: 0;
outline: 0;
overflow: hidden;
*zoom: 1; }
ul.inline-block li {
list-style-image: none;
list-style-type: none;
margin-left: 0px;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*display: inline;
*vertical-align: auto;
white-space: nowrap; }
ul.wide-inline-block {
margin: 0;
padding: 0;
border: 0;
outline: 0;
overflow: hidden;
*zoom: 1; }
ul.wide-inline-block li {
list-style-image: none;
list-style-type: none;
margin-left: 0px;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*display: inline;
*vertical-align: auto;
white-space: nowrap;
padding-left: 10px;
padding-right: 10px; }
ul.inline { ul.inline {
list-style-type: none; } list-style-type: none; }
ul.inline, ul.inline li { ul.inline, ul.inline li {

16
test/fixtures/stylesheets/compass/sass/lists.scss vendored
View File

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