// http://ionicframework.com/docs/v2/theming/


// App Global Sass
// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.

body {
  user-select: text;
}

.ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list--summary {
  ion-label {
    color: #333;
    font-weight: bold;
  }

  ion-item {
    color: #999;
    font-size: 1.125rem;
  }

  ion-note {
    color: #999;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.grid--table {
  margin: 10px 0 20px;

  ion-row {
    border-top: 1px solid #ccc;

    &:first-child {
      background-color: white;
      border-top: none;
    }

    &:nth-child(even) {
      background-color: #f4f4f4;
    }

    &:last-child {
      background-color: white;
    }
  }
}


// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.
