Contents

ul, ol
  margin: 0
  padding: 0
  list-style-position: inside

  li
    @include p

    &:before
      content: ""
      float: left
      padding-left: 0.5rem

ul
  list-style: none

.ae-list-bullet
  list-style: circle

  li
    margin-left: 1em

.ae-list-inline
  li
    display: block
    width: auto
    float: left

    &.ae-list-item
      border-bottom: 0

      a, a:link
        display: inline

      &:first-child, &:last-child
        margin-top: 0
        margin-bottom: 0

  &:after
    content: " "
    display: block
    clear: both

.ae-list-flex
  &:before, &:after
    display: none

  li
    &:before, &:after
      display: none

    @include flexbox
    flex-direction: row
    flex-wrap: nowrap
    justify-content: space-between
    align-items: flex-start
    align-content: stretch

.ae-list-block
  li
    display: block
    width: auto

  &:after
    content: " "
    display: block
    clear: both

dl
  margin-bottom: 1em

  dt, dd
    @include p
    vertical-align: top
    padding:
      top: 0.5em
      bottom: 0.5em
  dt
    border-bottom: 1px solid $border-light
    color: $heading-color

.ae-dl-inline
  dt, dd
    display: inline-block
    border-bottom: 0

  dt
    width: 30%
    margin-right: 1em

  dd
    width: 65%

.ae-list-media
  figure
    display: flex

    figcaption
      text-align: left
      margin-left: 1rem

// Any list item that is styled with a padding
.ae-list-item
  // padding: 0 1em
  @include font-size(18px, 18px)
  border-bottom: 1px solid $border-light

  a:link, a
    display: block
    padding: 1em 0.5em
    @include animate(0.5s)

  &:hover a
    background: darken($gray-background, 10%)

  &:first-child
    margin-top: 0.5em

  &:last-child
    margin-bottom: 0.5em
    border-bottom: 0

.ae-list-description
  .ae-li-title
    font-weight: bold
  .ae-li-inline
    text-align: right
    margin-right: 2em

    @include tablet-max
      text-align: left!important

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
express_ui-0.5.2	app/assets/stylesheets/express_ui/molecules/_lists.sass
express_ui-0.5.1	app/assets/stylesheets/express_ui/molecules/_lists.sass