Sha256: ddd381ac98b82f71e65ae68c56930ccfcd6b09a7765c3bcc02a2c46d3f5883f7

Contents?: true

Size: 790 Bytes

Versions: 6

Compression:

Stored size: 790 Bytes

Contents

// makes a list inline.

@mixin inline-list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: inline;
  li {
    margin: 0px;
    padding: 0px;
    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.
// See quirksmode for the [support matrix](http://www.quirksmode.org/css/contents.html#t15)
//
// `:last-child` is not fully supported.
// see quirksmode for the [support matrix](http://www.quirksmode.org/css/contents.html#t29).

@mixin comma-delimited-list {
  @include inline-list;
  li {
    &:after {
      content: ", "; }
    &:last-child, &.last {
      &:after {
        content: ""; } } } }

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
compass-0.10.2 frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss
compass-0.10.1 frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss
compass-0.10.0 frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss
compass-0.10.0.rc6 frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss
compass-0.10.0.rc5 frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss
compass-0.10.0.rc4 frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss