old-techblog/assets/main.scss

---
---

@import 'minima';
@import url('https://fonts.googleapis.com/css?family=Archivo+Black|Tenor+Sans|Ubuntu+Mono');

html, body, div, p {
  font-family: 'Tenor'
}

body {
  font-size: 17px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Archivo Black'
}

pre, code {
  font-family: 'Ubuntu Mono';
  background-color: #efefef;
}

a, a:active, a:visited {
  color: #2d753a;
}

body > header {
  background-color: #000;

  .site-title, .site-title:visited {
    font-family: 'Archivo Black';
    color: #fff;
  }

  .site-nav {
    z-index: 1;

    .page-link, .page-link:visited {
      font-family: 'Archivo Black';
      color: #fff;

      @include media-query($on-palm) {
        color: #000;
      }
    }
  }
}

.outer-wrapper {
  box-shadow: 5px 2px 15px -4px rgba(0, 0, 0, 0.2);
}

.page-content {
  background: #efefef;
  padding-top: 0px;
}

.page-content > .wrapper {
  padding-top: 30px;
  background: #fff;
}

.post-content p {
  line-height: 2em;
}

img.profile {
  width: 300px;
}

.sidebar {
  line-height: 1.3em;
  background: #ddd;

  img.me {
    width: 140px;
    border-radius: 180px;
    display: block;
    margin: 20px auto;
  }

  a[href*=twitter] img {
    width: 120px;
    display: block;
    margin: 25px auto;
  }
}

.share-buttons {
  line-height: 1em;
}