app/assets/stylesheets/framework_and_overrides.scss
@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;
}