nullsix/tinder

/*
 * 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 vendor/assets/stylesheets of plugins, if any, 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 top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
 */
$baseFontFamily: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !default;
$sansFontFamily: $baseFontFamily;

@import 'bootstrap';
@import 'bootstrap-responsive';
/* Font Awesome - http://fortawesome.github.com/Font-Awesome */
@import 'font-awesome';
@import url(http://fonts.googleapis.com/css?family=Dosis:400,700|Open+Sans:400,700,400italic,700italic|Exo:700);

$logoFontFamily: "Exo", $sansFontFamily;
$headerFontFamily: "Dosis", $sansFontFamily;

html {
  overflow-y: scroll;
  word-wrap: break-word;
}

html, a { font-weight: 400; }

h1,h2,h3,h4,h5,h6 {
  color: $linkColor;
  font-family: $headerFontFamily;
  font-weight: 400;
}

section {
  overflow: auto;
}

textarea {
  resize: vertical;
}

.centered {
  text-align: center;
}

header {
  div {  padding:10px 0px; }

  h1 {
    font-weight: 400;

    a {
      font-family: $logoFontFamily;
      font-weight: 700;

      &:hover {
        text-decoration: none;
        color: $linkColor;
      }
    }
  }
}

.hero-unit {
  a {
    font-family: $baseFontFamily;
    font-weight: 700;
  }

  a:hover { text-decoration: none; }
}

#flash {
  width: 100%;
  border: solid 1px #3D7220;
  background: #66BF35;
}

footer {
  @extend .centered;
  margin-top: 30px;
}

textarea, input {
  width: 100%;
}