@import "intaug-bbs-thredded";
@import "flash-messages";

.app {
  @include thredded--clearfix;
  -webkit-font-smoothing: antialiased;
  color: $text-color;
  font-family: $base-font-family;
  font-size: $base-font-size;
  line-height: $base-line-height;
  margin: 0;
}

.app-container {
  margin: 0 auto;
  max-width: ($grid-container-max-width + 4rem);
  padding: 0 1.2rem 0.75rem 1.2rem;
  @include thredded-media-tablet-and-up {
    padding: 0 2rem 0.75rem 2rem;
  }
  @media (min-width: $grid-container-max-width + 0.01rem) {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}

.app-header {
  border-bottom: 1px solid #eee;
  line-height: 1.5;

  a {
    display: inline-block;
    padding: 1rem 0;
  }
}

a.app-nav-logo {
  color: $text-color;
  text-decoration: none;
  font-weight: bold;

  img.logo {
    float: left;
    height: 3rem;
  }

  .brand-name {
    display: none;
    @include thredded-media-tablet-and-up {
      margin: 1rem;
      display: inline-block;
    }
  }
}

.app-nav-auth {
  float: right;
  margin: 1rem 0;

  @include thredded-media-mobile {
    font-size: 0;

    a {
      margin-left: 0.4rem;
      font-size: 1rem;
    }
  }
}

.turbolinks-progress-bar {
  background-color: $brand-primary;
  height: 0.25rem;
}

.form-inputs .input, .form-actions {
  margin: 1rem 0;
}

.form-inputs {
  .hint {
    color: $secondary-text-color;
  }
  .error {
    @extend %thredded--alert;
    @extend %thredded--alert--danger;
    display: block;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

a {
  @extend %thredded--link;
}

button, input[type="submit"] {
  @extend %thredded--button;
}

form {
  @extend %thredded--form;
}

blockquote {
  @extend %thredded--blockquote;
}

table {
  @extend %thredded--table;
}

hr {
  @extend %thredded--hr;
}
@import "thredded-coderay";
