Getting rid of Compass, now styling & compiling is done via Grunt

[ghost-theme-willow.git] / assets / src / sass / helpers / _classes.scss

diff --git a/assets/src/sass/helpers/_classes.scss b/assets/src/sass/helpers/_classes.scss
new file mode 100644 (file)
index 0000000..0e0090e
--- /dev/null
+++ b/assets/src/sass/helpers/_classes.scss
@@ -0,0 +1,89 @@
+/*
+ | -----------------------------------------------------------------------------
+ | Helper classes
+ | -----------------------------------------------------------------------------
+*/
+.clear:after  {
+  content: "";
+  clear: both;
+  display: table;
+}
+
+/*
+ | -----------------------------------------------------------------------------
+ | Markdown content style
+ | -----------------------------------------------------------------------------
+*/
+.markdown {
+  line-height: 2em;
+
+  h1, h2, h3, p, ul,
+  blockquote, pre, .gist {
+    margin-bottom: 30px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  h1 {
+    font-size: 1.4em;
+  }
+
+  h2 {
+    font-size: 1.2em;
+  }
+
+  h3 {
+    font-size: 1em;
+  }
+
+  ul {
+    padding-left: 3em;
+  }
+
+  a {
+    text-decoration: underline;
+
+    &:hover {
+      text-decoration: none;
+
+      img {
+        opacity: 0.8;
+      }
+    }
+  }
+
+  img {
+    width: 100%;
+    @include transition();
+  }
+
+  blockquote {
+    padding-left: 30px;
+    font-style: italic;
+    border-left: 4px solid $c-grayNormal;
+  }
+
+  hr {
+    border: 0;
+    height: 1px;
+    margin: 30px 0;
+    background: $c-grayNormal;
+  }
+
+  pre {
+    padding: 1em;
+    font-size: 0.9em;
+    line-height: 1.5em;
+    background: $c-grayNormal;
+  }
+
+  code {
+    background: $c-grayNormal;
+  }
+
+  .gist .gist-file {
+    margin-bottom: 0;
+  }
+}
\ No newline at end of file