Sha256: 76176c446a41b4c1262c5bf9e27c971042e44a9a331d318806154555f322e088

Contents?: true

Size: 1.9 KB

Versions: 1

Compression:

Stored size: 1.9 KB

Contents

# List-inline

The List-inline object simply displays a list as one horizontal row.

## Dependencies

inuitcss’ List-inline object depends on one other inuitcss module:

* [settings.defaults](https://github.com/inuitcss/settings.defaults)

If you install the List-inline object using Bower, you will get these dependencies at
the same time. If not using Bower, please be sure to install and `@import` these
dependencies in the relevant way.

## Installation

The recommended installation method is Bower, but you can install the List-inline
module via a Git Submodule, or copy and paste.

### Install using Bower:

    $ bower install --save inuit-list-inline

Once installed, `@import` into your project in its Objects layer:

    @import "bower_components/inuit-list-inline/objects.list-inline";

### Install as a Git Submodule

    $ git submodule add git@github.com:inuitcss/objects.list-inline.git

Once installed, `@import` into your project in its Objects layer:

    @import "objects.list-inline/objects.list-inline";

### Install via file download

The least recommended option for installation is to simply download
`_objects.list-inline.scss` into your project and `@import` it into your project in
its Objects layer.

## Usage

Basic usage of the List-inline object uses the required classes:

    <ul class="list-inline">
        <li>Foo</li>
        <li>Bar</li>
        <li>Baz</li>
    </ul>

The only valid children of the `.list-inline` node are `li`s.

## Options

Other, optional classes can supplement the required base classes:

* `.list-inline--delimited`: add a character to delimit list items.

For example:

    <ul class="list-inline  list-inline--delimited">
        <li>Foo</li>
        <li>Bar</li>
        <li>Baz</li>
    </ul>

If you wish to completely remove the whitespace between items, omit the closing
`</li>` tag:

    <ul class="list-inline">
        <li>Foo
        <li>Bar
        <li>Baz
    </ul>

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
mifflin-0.1.1 vendor/assets/bower_components/inuit-list-inline/README.md