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

'delimited-list' now generalizes 'comma-delimited-list'

Browse Source
This commit is contained in:
Chad Ostrowski 2011-02-03 08:09:47 -05:00 committed by Chris Eppstein
parent 3ee95174eb
commit 0944d85ade
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss
View File

@ -9,8 +9,10 @@
}
}
// makes an inline list that is comma delimited.
// Please make note of the browser support issues before using this mixin.
// makes an inline list delimited with the passed string.
// Defaults to making a comma-separated list.
//
// Please make note of the browser support issues before using this mixin:
//
// 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)
@ -21,10 +23,10 @@
// IE8 ignores rules that are included on the same line as :last-child
// see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details
@mixin comma-delimited-list {
@mixin delimited-list($separator: ", ") {
@include inline-list;
li {
&:after { content: ", "; }
&:after { content: $separator; }
&:last-child {
&:after { content: ""; }
}
@ -33,3 +35,9 @@
}
}
}
// See [delimited-list](#mixin-delimited-list)
// @deprecated
@mixin comma-delimited-list {
@include delimited-list
}