@import "bootstrap/variables";
@import "variables.scss";

/* ====================== */
/* Typography             */
/* ====================== */

/* ====================== */
/* Layout                 */
/* ====================== */

//
// Mobile Tweaks
//

@media only screen {
  // Shrink Components tabs to fit on sub-xs devices
  div.panel ul.nav-tabs li {
    font-size: 0.80em;
  }
  // Add margin beneath tabs
  .panel .nav {
    margin-bottom: 15px;
  }
  table.tablesorter tbody tr td {
    cursor: pointer;
  }
}

@media only screen and (min-width: $screen-xs-min) {
  // Return Components tabs to normal size
  div.panel ul.nav-tabs li {
    font-size: 1em;
  }
}

//
// Tablet Tweaks
//

@media only screen and (min-width: $screen-sm-min) {}

//
// Medium Desktop Tweaks
//

@media only screen and (min-width: $screen-md-min) {}

//
// Large Desktop Tweaks
//

@media only screen and (min-width: $screen-lg-min) {}

/* ====================== */
/* Color                  */
/* ====================== */

table tbody tr.similar td {
  background-color: lighten($blue-base, 40%);
  border-color: lighten($blue-base, 30%);
}

table tbody tr.selected td {
  background-color: lighten($red-base, 10%);
  color: white;
}

/* ====================== */
/* Print                  */
/* ====================== */

@media print {}
