Contents

table
  width: 100%
  box-shadow: none
  margin: 1em 0
  border-collapse: collapse

  .ae-table-fixed-width
    table-layout: fixed

  th
    padding: 0.8em
    color: $thead-color
    background: rgba($primary-color, 0.1)
    border-bottom: 1px solid rgba($thead-color, 0.2)
    word-wrap: break-word
    text-align: left
    text-transform: uppercase
    @include font-size(10px, 12px)
    vertical-align: top

    a:link, a:visited
      color: $thead-color
      text-decoration: none

  tbody
    td
      padding: 0.8em
      word-wrap: break-word
      vertical-align: top

      p
        padding-top: 0

    tr:nth-child(even)
      background: $dark-gray-background

  &.ae-table-unstyled
    thead
      th
        color: $thead-color
        background: transparent

    tbody
      tr:nth-child(even)
        background: transparent

  @include laptop-max
    width: 100%!important

.ae-table-responsive
  overflow-x: scroll

.ae-table-filter
  display: flex
  flex-flow: row
  flex-wrap: nowrap
  justify-content: flex-start
  align-items: stretch
  align-content: stretch
  background-color: $gray-background

  .ae-filter
    // border-right: 1px solid $border-light
    padding: 0 $container-padding*2

  & + table
    margin-top: 0
    border-top: 1px solid $border-light

  *

    display: flex
    flex-direction: row
    flex-wrap: nowrap
    justify-content: flex-start
    align-items: center
    align-content: stretch

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
express_ui-0.1.0.rc7	app/assets/stylesheets/express_ui/molecules/_tables.sass
express_ui-0.1.0.rc5	app/assets/stylesheets/express_ui/molecules/_tables.sass
express_ui-0.1.0.rc4	app/assets/stylesheets/express_ui/molecules/_tables.sass
express_ui-0.1.0.rc3	app/assets/stylesheets/express_ui/molecules/_tables.sass
express_ui-0.1.0.rc1	app/assets/stylesheets/express_ui/molecules/_tables.sass