SeriouslyAwesome/democratictravelers

View on GitHub
app/assets/stylesheets/application.css.scss

Summary

Maintainability
Test Coverage
/*
 * This is a manifest file that'll be compiled into admin.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
*/

// Third-party help
@import "bourbon";
@import "neat/neat";
@import "bitters/bitters";
@import "font-awesome-sprockets";
@import "font-awesome";

// Utilities
@import "social";
@import "pagination";
@import "vendor/galleria.classic";

// Layout
@import "header";
@import "footer";

@import "home";
@import "map";
@import "blog";
@import "about";
@import "signin";

@import "admin";
@import "errors";

html { min-height: 100%; height: 100%; }
body {
  padding: 0;
  margin: 0;
  background: $white;
  color: $dark-gray;
  height: 100%;
  min-height: 100%;
}

#site-content {
  min-height: 100%;
  // // margin-top: -($baseline * 2);
  // padding-top: $baseline * 2;
  margin-bottom: -($baseline * 4);
  padding-bottom: $baseline * 4;

  @include media($tablet) {
    // margin-top: 0;
    // padding-top: $baseline * 5;
    margin-bottom: -($baseline * 2);
    padding-bottom: $baseline * 2;
  }
}

.row {
  //@include baseline-grid;
  @include outer-container;
  @include clearfix;
  padding: 0 $base-line-height;
  margin-top: $base-line-height;
  margin-bottom: -1px;
}

img.circle {
  @include border-radius(1000px);
}

.error, .notice {
  color: $white;
  background-color: $red;
  @include border-radius(4px);
  padding: $baseline * 0.5;
  margin-bottom: $baseline * 0.5;
}

.notice {
  background-color: $green;
}