Sha256: 5cbee45d47ed5b874bc6b447417fd022ac0361f1b569555c84bf2b6d82a1c889

Contents?: true

Size: 1.19 KB

Versions: 54

Compression:

Stored size: 1.19 KB

Contents

// makes a list inline.

@mixin inline-list {
  list-style-type: none;
  &, & li {
    margin: 0px;
    padding: 0px;
    display: inline;
  }
}

// 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)
//
// `:last-child` is not fully supported.
// see quirksmode for the [support matrix](http://www.quirksmode.org/css/contents.html#t29).
//
// 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 delimited-list($separator: ", ") {
  @include inline-list;
  li {
    &:after { content: $separator; }
    &:last-child {
      &:after { content: ""; }
    }
    &.last {
      &:after { content: ""; }
    }
  }
}

// See [delimited-list](#mixin-delimited-list)
// @deprecated
@mixin comma-delimited-list {
  @warn "comma-delimited-list is deprecated. Please use delimited-list instead.";
  @include delimited-list;
}

Version data entries

54 entries across 53 versions & 10 rubygems

Version Path
comixins-0.1.2 vendor/assets/stylesheets/compass/typography/lists/_inline-list.scss
egghead-styles-1.0.82 app/assets/stylesheets/plugins/compass/compass/typography/lists/_inline-list.scss
egghead-styles-1.0.81 app/assets/stylesheets/plugins/compass/compass/typography/lists/_inline-list.scss
egghead-styles-1.0.80 app/assets/stylesheets/plugins/compass/compass/typography/lists/_inline-list.scss
egghead-styles-1.0.79 app/assets/stylesheets/plugins/compass/compass/typography/lists/_inline-list.scss
egghead-styles-1.0.78 app/assets/stylesheets/plugins/compass/compass/typography/lists/_inline-list.scss
egghead-styles-1.0.77 app/assets/stylesheets/plugins/compass/compass/typography/lists/_inline-list.scss
egghead-styles-1.0.76 app/assets/stylesheets/plugins/compass/compass/typography/lists/_inline-list.scss
egghead-styles-1.0.75 app/assets/stylesheets/plugins/compass/compass/typography/lists/_inline-list.scss
egghead-styles-1.0.74 app/assets/stylesheets/plugins/compass/compass/typography/lists/_inline-list.scss
egghead-styles-1.0.73 app/assets/stylesheets/plugins/compass/compass/typography/lists/_inline-list.scss
ghost-manager-1.0.0 magneto/source/assets/bower_components/compass-mixins/lib/compass/typography/lists/_inline-list.scss
compass-0.12.7 frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss
sadui-0.0.4 vendor/bundle/ruby/2.0.0/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss
sadui-0.0.4 vendor/bundle/ruby/2.1.0/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss
compass-0.12.6 frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss
compass-0.12.5 frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss
compass-0.12.4 frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss
compass-0.12.3 frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss
compass-sourcemaps-0.12.4.sourcemaps.a4836f1 frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss