RefugeRestrooms/refugerestrooms

View on GitHub
app/assets/stylesheets/framework_and_overrides.scss

Summary

Maintainability
Test Coverage
@import 'bootstrap';

// import the CSS framework
// make all images responsive by default

body {
    overflow-x: hidden;
    font-family: $font-stack;
    font-size: 1.4em;
    background: white;
    color: $base-color;
}

img {
    @extend .img-responsive;
    margin: 0 auto;
}

header {
    background-color: $purple;
}
// THESE ARE EXAMPLES YOU CAN MODIFY
// create your own classes
// to make views framework-neutral

// apply styles to HTML elements
// to make views framework-neutral

// This fixes Bootstrap from messing with Google Maps CSS
#mapArea img {
    max-width: none;
}
#mapArea label {
    width: auto;
    display: inline;
}

// Removes the negative margin applied by Bootstrap
.row {
  margin-left: auto;
  margin-right: auto;
}

// Eliminates double-padding due to nested .container divs
.header > .container > .container {
  padding-left: 0;
  padding-right: 0;
}