From 64a5527ecf6ef2c9359d595b0075f87147feca46 Mon Sep 17 00:00:00 2001 From: Eric Meyer <eric@oddbird.net> Date: Wed, 11 Aug 2010 17:18:45 -0600 Subject: [PATCH] inline-block-list tests --- .../stylesheets/compass/css/lists.css | 40 +++++++++++++++++++ .../stylesheets/compass/sass/lists.scss | 16 ++++---- 2 files changed, 49 insertions(+), 7 deletions(-) diff --git a/test/fixtures/stylesheets/compass/css/lists.css b/test/fixtures/stylesheets/compass/css/lists.css index 96195f04..d4d6a68c 100644 --- a/test/fixtures/stylesheets/compass/css/lists.css +++ b/test/fixtures/stylesheets/compass/css/lists.css @@ -61,6 +61,46 @@ ul.right-horizontal { ul.right-horizontal li:last-child, ul.right-horizontal li.last { 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 { list-style-type: none; } ul.inline, ul.inline li { diff --git a/test/fixtures/stylesheets/compass/sass/lists.scss b/test/fixtures/stylesheets/compass/sass/lists.scss index 3d9b1de6..bdbc3788 100644 --- a/test/fixtures/stylesheets/compass/sass/lists.scss +++ b/test/fixtures/stylesheets/compass/sass/lists.scss @@ -1,9 +1,11 @@ @import "compass/utilities/lists"; -ul.horizontal { @include horizontal-list; } -ul.wide-horizontal { @include horizontal-list(10px); } -ul.right-horizontal { @include horizontal-list(4px, right); } -ul.inline { @include inline-list; } -ul.comma { @include comma-delimited-list; } -ul.no-bullets { @include no-bullets; } -ul.pretty { @include pretty-bullets("4x6.png"); } \ No newline at end of file +ul.horizontal { @include horizontal-list; } +ul.wide-horizontal { @include horizontal-list(10px); } +ul.right-horizontal { @include horizontal-list(4px, right); } +ul.inline-block { @include inline-block-list; } +ul.wide-inline-block { @include inline-block-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"); } \ No newline at end of file