---
---
/* Main styles */

@import
  "config",
  "mixins",
  "base",
  "layout",
  "navbar",
  "helpers",
  "avatar",
  "syntax-highlighting"
;

// Adds some padding to the avatar
.avatar {
  margin-top:    35px;
  margin-bottom: 35px;
}

// Make sure that <code> blocks in <pre> tags don't get wrapped.
// This is required as Bootstrap makes code blocks in pre wrap, for some reason....
pre > code {
  overflow: auto;
  word-wrap: normal;
  white-space: pre;
}

---
---
/* Main styles */

@import
  "config",
  "mixins",
  "base",
  "layout",
  "navbar",
  "helpers",
  "avatar",
  "syntax-highlighting"
;

// Adds some padding to the avatar
.avatar {
  margin-top:    35px;
  margin-bottom: 35px;
}

// Make sure that <code> blocks in <pre> tags don't get wrapped.
// This is required as Bootstrap makes code blocks in pre wrap, for some reason....
pre > code {
  overflow: auto;
  word-wrap: normal;
  white-space: pre;
}

.post-content h3 { margin-top: 2em; }

Add some spacing to blog posts above each H3 heading to try and spread things out to make it easier to read
Add some spacing to blog posts above each H3 heading to try and spread things out to make it easier to read
