/* Utility classes to prevent blocks from expanding unreasonably. */ .wide-enough { max-width: 400px; } .wider { max-width: 600px; } /* Links become blue inside of elements otherwise. */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } /* Link captions might become too close to badges on the sidebar. */ span.badge { margin-left: .5em; } /* Add horizontal scrollbars to
s and don't wrap the code inside. */
pre {
  overflow-x: auto;
}
pre code {
  white-space: pre;
  word-wrap: normal;
}
/* Fixup syntax.css, which sets the code background to white. */
.highlight {
  background-color: #fafafa !important;
}
/* Prevent  elements from standing out from alerts. */
.alert code {
  padding: 0;
  background-color: inherit;
}
/* Don't color category links blue. */
.text-muted a.category {
  color: inherit;
}

/* This is a relatively popular workaround to align side-by-side columns.
 * I use it for post headers. */
.post-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
}
.post-date {
  text-align: right;
}