BenMusch/nu-tab

// import the CSS framework
// Do not use *= require in Sass or your other stylesheets will not be able to access the Bootstrap mixins and variables.
Prefer single quoted strings
@import "bootstrap";
 
// make all images responsive by default
img {
Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
  @extend .img-fluid;
  margin: 0 auto;
}
// override for the 'Home' navigation link
.navbar-brand {
  font-size: inherit;
  }
 
// THESE ARE EXAMPLES YOU CAN MODIFY
// create your own classes
// to make views framework-neutral
.column {
Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
  @extend .col-md-6;
  text-align: center;
Rule declaration should be followed by an empty line
}
.form {
Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
  @extend .col-md-6;
Rule declaration should be followed by an empty line
}
.form-centered {
Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
  @extend .col-md-6;
  text-align: center;
Rule declaration should be followed by an empty line
}
.submit {
Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
  @extend .btn;
Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
  @extend .btn-primary;
Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
  @extend .btn-lg;
}
 
// apply styles to HTML elements
// to make views framework-neutral
main {
Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
  @extend .container;
  margin-top: 30px; // accommodate the navbar
}
 
section {
Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
  @extend .row;
  margin-top: 20px;
}