/**
 * File: typography.scss
 *
 * Contains the basic typography related styles for the admin interface.
 */

 // Tables
// Used as a base for components: Grid-field.

.table {
  margin-left: -$spacer-x;
  margin-right: -$spacer-x;
  min-width: calc(100% + #{$spacer-x*2});
  margin-bottom: $spacer-y * 2;
  border-top: 0;

  thead th {
    background-color: $body-bg;
    border-bottom: $table-border-width solid $table-border-color;
    text-transform: uppercase;
    font-size: $font-size-sm;
  }

  thead th {
    // font-size: 12px;
    // text-transform: uppercase;
    font-weight: normal;
    // border-bottom: 1px solid #bbb;
    // border-top: 0;
  }

  th,
  td {
    border-top: 0;
    border-bottom: $table-border-width solid $table-border-color;
    line-height: 20px;

    &:first-child {
        padding-left: #{$spacer-x + $spacer-x*.25};
    }
    &:last-child {
        padding-right: #{$spacer-x + $spacer-x*.25};
    }
  }
  tfoot {
    background-color: transparent;
    font-size: $font-size-sm;

    td {
      border-bottom: 0;
      background-color: $body-bg;
    }
  }
}

.cms {
	code {
		font-family: 'Bitstream Vera Sans Mono','Courier', monospace;
	}
}