SCSS for norasandler.com (customized from Jekyll minima theme)

main.scss

@import "minima";

/* Global styling */
$heading-font-family: "Courier New", Courier, monospace !default;

@for $i from 1 through 6 {
  h#{$i} {
    font-family: $heading-font-family;
  }
}

/* Header */
.site-header {
  .site-title {
    letter-spacing: 0px;
  }

  a {
    font-family: $heading-font-family;
  }
}

/* Post content */

.post-content {

  /* Headings in posts */
  h1, h2, h3, h4 {
    font-weight: 800;
  }

  h1 {
    @include relative-font-size(2);
  }

  h2 {
    @include relative-font-size(1.75);
  }

  h4, h5 {
    margin-bottom: 5px
  }

  /* Image formatting */
  img {
    padding-top: 1em;
    padding-bottom: 1em;
    width: 100%;
    height: auto;

    &.small {
      width: 60%;
    }

    &.floated {
      width: 8em;
      float: left;
      padding: 0px;
      padding-right: 1em;
    }

  }

  .img-wrapper {
    display: flex;

    > div:not(:nth-child(1)) {
      padding-left: 1em;
    }

    .caption {
      font-size: 0.5em;
    }
  }

  /* Screen readers */
  .screen-reader-only {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
  }

  /* Lists */

  /* Don't let bullets overlap images on the left */
  ul {
    margin-left: 1em;

    li {
      position: relative;
      left: 1em;
    }
  }

  /* Footnotes */
  .footnote {
    @include relative-font-size(0.6);

    code {
      @include relative-font-size(0.6);
      padding: 1px 2px;
    }
  }

  /* Code blocks */
  .no-scroll pre {
    white-space: pre-line;
  }

  pre.no-bg {
    border: none;
    background: none;
    white-space: pre-line;
  }

  /* Tables */
  table {
    border-collapse: collapse;

    th, td {
      border: 1px solid #dfe2e5;
      padding: 0.5em;
    }
  }

  /* "Sidebar" sections */
  div.sidebar {
    background-color: #AFEEEE;
    border: 1px solid black;
    padding: 1em;
  }

}

/* Footer */
.footer-col-2 {
	float: right;

	a {
		float: right;
	}
}

img#rss {
  padding-bottom: 3px;
}