Sha256: 50eb843cb7a2d3d4ffd384eec3d8a077d93800866de56a9fc5270850b1e4ac10

Contents?: true

Size: 656 Bytes

Versions: 5

Compression:

Stored size: 656 Bytes

Contents

// @page Pattern Library/Components
// @name Link lists
//
// @description
//   The default list styling for lists that have anchors to take you to other pages.
//
// @markup
//   <ul class='us-list'>
//     <li><a href="#">List item 1</a></li>
//     <li><a href="#">List item 2</a></li>
//     <li><a href="#">List item 3</a></li>
//   </ul>
//

%list,
.us-list {
  @extend %reset-box-model;
  list-style: none;

  li {
    font-size: 16px;
    margin: 0; 
  }

  a {
    @extend %anchor-link;
    display: block;
    padding-top: .5em;
    padding-bottom: .5em;
  }

  a:hover {
    color: $c-darker-grey;
  }

  .us-hero & {
    margin-top: 1em;
  }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
reustyle-2.0.11 vendor/assets/stylesheets/reustyle/components/_lists.scss
reustyle-2.0.10 vendor/assets/stylesheets/ustyle/components/_lists.scss
reustyle-2.0.9 vendor/assets/stylesheets/ustyle/components/_lists.scss
reustyle-2.0.8 vendor/assets/stylesheets/ustyle/components/_lists.scss
reustyle-2.0.7 vendor/assets/stylesheets/ustyle/components/_lists.scss