diff --git a/frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss b/frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss index 329b5b30..6a26f1b4 100644 --- a/frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss +++ b/frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss @@ -2,18 +2,17 @@ @mixin inline-list { list-style-type: none; - margin: 0px; - padding: 0px; - display: inline; - li { + &, & li { margin: 0px; padding: 0px; - display: inline; } } + display: inline; + } +} // makes an inline list that is comma delimited. // Please make note of the browser support issues before using this mixin. // -// use of `:content` and `:after` is not fully supported in all browsers. +// use of `content` and `:after` is not fully supported in all browsers. // See quirksmode for the [support matrix](http://www.quirksmode.org/css/contents.html#t15) // // `:last-child` is not fully supported. @@ -22,8 +21,9 @@ @mixin comma-delimited-list { @include inline-list; li { - &:after { - content: ", "; } + &:after { content: ", "; } &:last-child, &.last { - &:after { - content: ""; } } } } + &:after { content: ""; } + } + } +} diff --git a/test/fixtures/stylesheets/compass/css/lists.css b/test/fixtures/stylesheets/compass/css/lists.css index f14e3bd0..e231f011 100644 --- a/test/fixtures/stylesheets/compass/css/lists.css +++ b/test/fixtures/stylesheets/compass/css/lists.css @@ -45,21 +45,15 @@ ul.wide-horizontal { padding-right: 0px; } ul.inline { - list-style-type: none; - margin: 0px; - padding: 0px; - display: inline; } - ul.inline li { + list-style-type: none; } + ul.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 { + list-style-type: none; } + ul.comma, ul.comma li { margin: 0px; padding: 0px; display: inline; }