Refactoring of styles - BEM + ITCSS, removed Disqus.

[ghost-theme-willow.git] / source / sass / elements / _elements.scss

diff --git a/source/sass/elements/_elements.scss b/source/sass/elements/_elements.scss
new file mode 100644 (file)
index 0000000..1f6eb2f
--- /dev/null
+++ b/source/sass/elements/_elements.scss
@@ -0,0 +1,52 @@
+/*
+|-------------------------------------------------------------------------------
+| Base elements / Un-classed elements
+|-------------------------------------------------------------------------------
+*/
+// All
+* {
+  box-sizing: border-box;
+}
+
+// Body, Html
+body, html {
+  height: 100%;
+}
+
+// Body
+body {
+  min-width: 320px;
+  background: $c-grayLight;
+  color: $c-grayDark;
+  font-size: 16px;
+  line-height: 1.2em;
+  font-family: 'Merriweather', serif;
+}
+
+// Anchors
+a {
+  outline: none;
+  color: $c-grayDark;
+  @include transition();
+  text-decoration: none;
+
+  &:hover {
+    color: $c-grayAccent;
+  }
+}
+
+// Headings
+h1 {
+  margin: 0;
+  font-size: 1.4em;
+}
+
+h2 {
+  margin: 0;
+  font-size: 1.2em;
+}
+
+h3 {
+  margin: 0;
+  font-size: 1em;
+}
\ No newline at end of file