---
---
@import 'normalize';
@import 'variables';
@import 'mixins';
@import 'sidebar';
@import 'header';
@import 'footer';
@import 'content';
@import 'posts';

* {
  box-sizing: border-box;
}

@font-face {
  font-family: 'Hello';
  src: url({{ "/assets/Hello.woff" | relative_url }});
}

body {
  color: #555;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  background-color: #fdfdfd;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5 { color: #292929; }
h3, h4, h5 {  margin: 20px 0 10px; }
h2 {
  margin-top: 45px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dadada;
}

p { margin: 5px 0; }

ul {
  margin: 0;

  ul {
    padding-left: 24px;
    list-style: none;
  }
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: $dark-orange;
}

.wrapper {
  height: 100%;
}

.container {
  margin-left: $sidebar-width;
  @media(max-width: 768px) {
    margin: auto;
  }
}

.splitter {
  height: 1px;
  width: 80%;
  margin: 5px 16px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}

.hidden {
  display: none;
}

.pull-right {
  margin-left: auto;
}

code {
  border-radius: 2px;
  color: #444;
  font-weight: bold;
  word-wrap: break-word;
  &.hljs {
    padding: 1em;
    font-size: 14px;
    line-height: 1.75;
  }
}

.feed * {
  float:right;
  display:inline-block;
  width: 18px;
  text-decoration: none;
  border: 0px;
}
