Contents

//
// UC-TABLE
//
.uc-table-wrapper {
  width: 100%;
  overflow-x: auto;
}

.uc-table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;

  th {
    position: relative;
    vertical-align: top;
    text-transform: uppercase;
    font-weight: $semibold-weight;
    padding-bottom: $gutter;
    padding-left: $gutter*1.5;
    a:hover {
      cursor: pointer;
    }
  }
  td {
    vertical-align: top;
    padding: $gutter/2 $gutter/2 $gutter/2 $gutter;
  }

  th.align-center a.uc-icon-sort-descending,
  th.align-center a.uc-icon-sort-ascending {
    position: relative;
    left: 9px;
  }
  > tbody tr {
    &:nth-of-type(odd) {
      background-color: $middle-yellow;
    }
  }
  .edit & {
    > tbody tr {
      &:nth-of-type(odd) {
        background-color: $sky-blue;
      }
    }
  }
}

%uc-icon-sort {
  position: absolute;
  @include icon-inline-block;
  margin-left: 3px;
}
.uc-icon-sort-ascending:after {
  @extend %uc-icon-sort;
  content: $uc-icon-caret-up;
}
.uc-icon-sort-descending:after {
  @extend %uc-icon-sort;
  content: $uc-icon-caret-down;
}

.uc-table--respond-small-tablet {
  @extend .uc-table;
  @media #{$small-tablet} {
    width: 779px;
  }
}

.uc-table--respond-not-desktop {
  @extend .uc-table;
  @media #{$not-desktop} {
    width: 779px;
  }
}

.uc-table--respond-mobile {
  @extend .uc-table;
  @media #{$mobile} {
    width: 480px;
  }
}

.uc-table__col--tiny {
  width: 30px;
}
.uc-table__col--small {
  width: 65px;
}
.uc-table__col--medium {
  width: 76px;
}
.uc-table__col--large {
  width: 86px;
}
.uc-table__col--x-large {
  width: 103px;
}
.uc-table__col--xx-large {
  width: 140px;
}
.uc-table__col--xxx-large {
  width: 160px;
}
.uc-table__col--xxxx-large {
  width: 180px;
}
.uc-table__col--auto {
  width: auto;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
undercase-0.2.29	app/assets/stylesheets/undercase/patterns/_tables.scss