Skip to content

Instantly share code, notes, and snippets.

@nrrrdcore

nrrrdcore/list.css

Created August 20, 2012 23:22
Download ZIP

Revisions

  1. Julie Ann Horvath revised this gist Aug 20, 2012. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions list.css
    View file
    Original file line number Diff line number Diff line change
    @@ -4,18 +4,18 @@
    box-shadow: inset 0 1px 0 #FFF;
    }

    ol.list-container {
    ol {
    border: 1px solid transparent;
    }

    ol.list-container li {
    ol li {
    margin: 0;
    padding: 12px;
    border: none;
    border-bottom: 1px solid #CACACA;
    box-shadow: inset 0 0 3px rgba(255,255,255,.3);
    }

    ol.list-container li:last-child {
    ol li:last-child {
    border-bottom: none;
    }
  2. Julie Ann Horvath revised this gist Aug 20, 2012. No changes.
  3. Julie Ann Horvath created this gist Aug 20, 2012.
    21 changes: 21 additions & 0 deletions list.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,21 @@
    .list-container {
    border-radius: 5px;
    border: 1px solid #C5C5C5;
    box-shadow: inset 0 1px 0 #FFF;
    }

    ol.list-container {
    border: 1px solid transparent;
    }

    ol.list-container li {
    margin: 0;
    padding: 12px;
    border: none;
    border-bottom: 1px solid #CACACA;
    box-shadow: inset 0 0 3px rgba(255,255,255,.3);
    }

    ol.list-container li:last-child {
    border-bottom: none;
    }
    8 changes: 8 additions & 0 deletions list.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,8 @@
    <div class="list-container">
    <ol>
    <li>Thing One</li>
    <li>Thing Two</li>
    <li>Thing Red</li>
    <li>Thing Blue</li>
    </ol>
    </div>