Contents

.main-table--container
{
  table
  {
    display: table;
    width: 100%;
    background-color: $color-gray-lightest;
    box-sizing: border-box;

    th
    {
      padding: 6px 12px;
    }

    th:last-child {
      text-align: right;
    }

    td
    {
      padding: 12px;
      border-top: none !important;
    }

    td:last-child
    {
      text-align: right;

      span
      {
        margin-left: $font-size-base;

        &:not(:first-child)
        {
          padding-left: $font-size-base;
          border-left: 1px solid #ccc;
        }
      }
    }

    .no-hover
    {
      background: none;
    }

    tr
    {
      border-right: 1px solid $color-gray-darker;
      border-bottom: 1px solid $color-gray-lighter;
      border-left: 1px solid $color-gray-darker;
    }

    tr:last-child
    {
      border-bottom: 1px solid $color-gray-darker;
    }
  }

  .prev
  {
    margin-left: 1%;
  }

  .next
  {
    float: right;
    margin-right: 1%;
  }

  .last
  {
    float: right;
  }
}

.main-table--hover
{
  transition: background .3s ease;
  background: $color-gray-lightest;

  &:hover
  {
    background: $color-white;
  }
}

.main-table--actions
{
  a
  {
    margin-left: 8px;
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
binda-0.1.3	app/assets/stylesheets/binda/components/main_table.scss