rubyforgood/habitat_humanity

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_tree .
 *= require_self
 */


@import "materialize";
@import "lolliclock";

// colors
$color-primary: #005F99; // blue
$color-text: #222; // dark grey
$color-background: #fff; // white

// flash alerts
.alert {
  margin: -1.5rem;
  margin-bottom: 1rem;
}

.alert-error {
  @extend .red;
  @extend .white-text;
}

.alert-success {
  @extend .green;
  @extend .white-text;
}

.alert-info, .alert-notice {
  @extend .blue;
  @extend .white-text;
}

.alert-alert, .alert-warning {
  @extend .orange;
  @extend .white-text;
}

// general
#hidden {
  display: none;
}

body {
  color: $color-text;
  background-color: $color-primary;
}

.container {
  margin-top: 0;
  padding: 1.5rem;
  background-color: $color-background;
  width: 100%;
  max-width: 100%;
  @media only screen and (min-width: 400px)  {
    max-width: 80%;
  }
}

.description p {
  font-size: 1.25rem;
}

.btn-large {
  background-color: $color-primary;
  &:hover {
  }
  &-error {
    font-weight: 800;
    color: red;
  }
  &-sup {
      color: black;
  }
}
input.waves-button-input {
  width: 7rem;
  height: 3.7rem;
}

// signature styles
.Signature {
  text-align: center;
  &-pad {
    display: block;
    border: 1px solid $color-text;
    margin-bottom: 1rem;
    width: 100%;
    max-height: 20rem;
    &-error {
      border: 2px solid red;
    }
  }
}

i.Signature-button {
  padding: 0;
}