Complete redesign of site styles

Signed-off-by: Valentin Popov <info@valentineus.link>

23 files changed, 22 insertions, 477 deletions

diff --git a/_scss/components/_core.scss b/_scss/components/_core.scss
new file mode 100644
index 0000000..ae17c9e
--- /dev/null
+++ b/_scss/components/_core.scss
@@ -0,0 +1,18 @@
+@import 'utilities/boxsizing';
+@import 'utilities/textsizeadjust';
+
+*,
+*::after,
+*::before {
+  @include box-sizing(border-box);
+  @include text-size-adjust(100%);
+}
+
+html {
+  overflow-y: scroll;
+}
+
+body {
+  padding-bottom: 20px;
+  padding-top: 20px;
+}
diff --git a/_scss/components/_image.scss b/_scss/components/_image.scss
new file mode 100644
index 0000000..c2f15eb
--- /dev/null
+++ b/_scss/components/_image.scss
@@ -0,0 +1,4 @@
+img {
+  max-width: 100%;
+  width: auto;
+}
diff --git a/_scss/components/_variables.scss b/_scss/components/_variables.scss
deleted file mode 100644
index eb9a801..0000000
--- a/_scss/components/_variables.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// ...
-$color-initial: #fff;
-$color-primary: #9b4dca;
-$color-quaternary: #d1d1d1;
-$color-quinary: #e1e1e1;
-$color-secondary: #606c76;
-$color-tertiary: #f4f5f6;
diff --git a/_scss/components/core/_basis.scss b/_scss/components/core/_basis.scss
deleted file mode 100644
index 7803126..0000000
--- a/_scss/components/core/_basis.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-@import 'utilities/boxsizing';
-@import 'utilities/textsizeadjust';
-
-*,
-*::after,
-*::before {
-  @include box-sizing(border-box);
-  @include text-size-adjust(100%);
-}
-
-html {
-  font-size: 62.5%;
-  overflow-y: scroll;
-}
-
-body {
-  color: $color-secondary;
-  font-family: -apple-system, BlinkMacSystemFont, Roboto, Cantarell, 'Droid Sans', 'Fira Sans', Helvetica, 'Helvetica Neue', 'Helvetica Neue', Oxygen, 'Segoe UI', Ubuntu, sans-serif;
-  font-size: 16px;
-  letter-spacing: .01em;
-  line-height: 1.6;
-  margin: 0 auto;
-  max-width: 128rem;
-  min-height: 100vh;
-  padding: 2rem;
-  width: 100%;
-}
diff --git a/_scss/components/core/_grid.scss b/_scss/components/core/_grid.scss
deleted file mode 100644
index 5d0b65c..0000000
--- a/_scss/components/core/_grid.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-@import 'utilities/flexbox';
-
-body {
-  @include flexbox();
-  @include flex-basis(auto);
-  @include flex-direction(column);
-}
-
-main {
-  @include flexbox();
-  @include flex-basis(auto);
-  @include flex-grow(1);
-}
-
-.navigation {
-  @include flexbox();
-  @include flex-shrink(0);
-  @include justify-content(flex-end);
-}
-
-.content {
-  @include flexbox();
-  @include flex-basis(auto);
-  @include flex-direction(column);
-}
-
-.footer {
-  @include flexbox();
-  @include flex-shrink(0);
-  @include justify-content(center);
-}
diff --git a/_scss/components/elements/_comments.scss b/_scss/components/elements/_comments.scss
deleted file mode 100644
index c0f696d..0000000
--- a/_scss/components/elements/_comments.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.comments {
-  border-top: .1rem solid $color-tertiary;
-}
diff --git a/_scss/components/elements/_content.scss b/_scss/components/elements/_content.scss
deleted file mode 100644
index bcaeba0..0000000
--- a/_scss/components/elements/_content.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.content {
-  min-width: 0;
-  width: 100%;
-}
diff --git a/_scss/components/elements/_footer.scss b/_scss/components/elements/_footer.scss
deleted file mode 100644
index 46048a0..0000000
--- a/_scss/components/elements/_footer.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-.footer {
-  padding-top: 1rem;
-  text-align: center;
-
-  a {
-    padding: 0 .5rem;
-
-    &:first-child {
-      padding-left: 0;
-    }
-
-    &:last-child {
-      padding-right: 0;
-    }
-  }
-}
diff --git a/_scss/components/elements/_listposts.scss b/_scss/components/elements/_listposts.scss
deleted file mode 100644
index 58ae109..0000000
--- a/_scss/components/elements/_listposts.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-.post-item {
-  border-left: .3rem solid $color-primary;
-  margin-bottom: 4rem;
-  padding-left: 1rem;
-}
diff --git a/_scss/components/elements/_navigation.scss b/_scss/components/elements/_navigation.scss
deleted file mode 100644
index 6f10634..0000000
--- a/_scss/components/elements/_navigation.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.navigation {
-  padding: 0 .5rem 1rem;
-  text-align: right;
-  width: 100%;
-
-  a {
-    padding: 0 .5rem;
-
-    &:first-child {
-      padding-left: 0;
-    }
-
-    &:last-child {
-      padding-right: 0;
-    }
-  }
-}
diff --git a/_scss/components/elements/_sociallinks.scss b/_scss/components/elements/_sociallinks.scss
deleted file mode 100644
index 972c25c..0000000
--- a/_scss/components/elements/_sociallinks.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.social-links {
-  padding-bottom: 4rem;
-}
diff --git a/_scss/components/theme/_background.scss b/_scss/components/theme/_background.scss
deleted file mode 100644
index 5b45f0c..0000000
--- a/_scss/components/theme/_background.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-@import 'utilities/boxshadow';
-
-$background-image: 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 616 400" width="616" height="400"><path fill="#fff" d="M0 0h615.9v399.8h-615.9v-399.8z"/><path d="M385 133.3h-.1.1z" fill="none"/><path fill="#F9F9F9" d="M500.4 199.9h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/><path fill="#F5F5F5" d="M346.4 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M462 133.3h-.1.1z" fill="none"/><path fill="#F7F7F7" d="M423.4 199.9h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/><path d="M231.1 133.3h-.1.1zm77 0h-.1.1z" fill="none"/><path fill="#FCFCFC" d="M192.5 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path fill="#F9F9F9" d="M269.4 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M154.1 133.3h-.1.1z" fill="none"/><path fill="#EFEFEF" d="M231.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/><path fill="#F1F1F1" d="M269.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path d="M269.6 199.9h-.1.1zm153.9 0h-.1.1z" fill="none"/><path fill="#F0F0F0" d="M346.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path d="M500.5 200zm77-133.4h-.1.1z" fill="none"/><path fill="#F2F2F2" d="M385 266.5h76.9l-38.4-66.5-38.5 66.5z"/><path fill="#F3F3F3" d="M423.5 199.9l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/><path fill="#eee" d="M423.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path d="M346.6 199.9h-.1.1zm192.4 66.7z" fill="none"/><path fill="#F8F8F8" d="M500.5 199.9l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8zm-38.5 66.6l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/><path fill="#F7F7F7" d="M346.6 333.2h76.9l-38.5-66.6-38.4 66.6z"/><path fill="#F8F8F8" d="M461.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path fill="#F4F4F4" d="M423.5 333.2h76.9l-38.4-66.6-38.5 66.6z"/><path d="M577.4 200zm38.5-66.6z" fill="none"/><path fill="#F7F7F7" d="M539 133.3l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/><path fill="#F9F9F9" d="M154 133.4l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5z"/><path fill="#F8F8F8" d="M154 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path fill="#F5F5F5" d="M115.6 333.2h76.9l-38.5-66.6-38.4 66.6zm-.1-133.2l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F4F4F4" d="M154.1 266.5l38.4-66.5-.1-.1h-76.9l-.1.1 38.4 66.5h.3z"/><path d="M115.5 199.9h.1-.1z" fill="none"/><path fill="#F7F7F7" d="M231 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path fill="#F9F9F9" d="M269.6 333.2h76.9l-38.5-66.6-38.4 66.6z"/><path fill="#F8F8F8" d="M307.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6zm-115.3 66.7h76.9l-38.5-66.6-38.4 66.6z"/><path fill="#FAFAFA" d="M384.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path fill="#F1F1F1" d="M308.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/><path fill="#FAFAFA" d="M615.9 266.5l-38.5-66.5-38.4 66.5h76.9z"/><path fill="#F7F7F7" d="M462 133.4l-38.4 66.5h76.9l-38.5-66.5zm0-133.3l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F5F5F5" d="M539 .1l-38.4 66.5h76.9l-38.5-66.5zm-500.4 333.1h76.9l-38.5-66.6-38.4 66.6z"/><path fill="#F3F3F3" d="M.1 133.3h76.9l-38.4-66.6-38.5 66.6z"/><path d="M77 266.5h.1-.1zm0-133.2h.1-.1z" fill="none"/><path fill="#F7F7F7" d="M38.6 199.9h76.9l-38.5-66.5-38.4 66.5z"/><path d="M0 266.5h.1-.1z" fill="none"/><path fill="#F4F4F4" d="M115.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F1F1F1" d="M77 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F7F7F7" d="M231 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F5F5F5" d="M308 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F7F7F7" d="M385 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F4F4F4" d="M154 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F0F0F0" d="M577.4 333.2l-38.4-66.6-38.4 66.5h76.8z"/><path d="M154 266.6z" fill="none"/><path fill="#F5F5F5" d="M154.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/><path fill="#F7F7F7" d="M192.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/><path d="M231 266.6zm77 0z" fill="none"/><path fill="#F8F8F8" d="M385 133.4l-38.4 66.5h76.9l-38.5-66.5z"/><path d="M192.5 199.9h.1-.1z" fill="none"/><path fill="#F7F7F7" d="M308 133.4l-38.4 66.5h76.9l-38.5-66.5z"/><path d="M385 266.6z" fill="none"/><path fill="#F9F9F9" d="M231 133.4l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#FBFBFB" d="M115.6 199.9h76.9l-38.5-66.5-38.4 66.5z"/><path fill="#F8F8F8" d="M346.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/><path d="M462 266.6z" fill="none"/><path fill="#F7F7F7" d="M269.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F3F3F3" d="M500.5 66.7l-38.5 66.6h76.9l-38.4-66.6z"/><path fill="#F8F8F8" d="M423.5 66.7l-38.5 66.6h76.9l-38.4-66.6z"/><path fill="#F4F4F4" d="M577.4 66.7l-38.4 66.6h76.9l-38.5-66.6z"/><path fill="#FBFBFB" d="M577.4 199.9l-38.4-66.5-38.4 66.5h76.8z"/><path fill="#FAFAFA" d="M538.9 266.5l-38.4-66.5-38.5 66.5h76.9z"/><path d="M539 133.3h-.1.1z" fill="none"/><path fill="#F2F2F2" d="M115.5 66.6h.1l38.4-66.5v-.1h-76.9l-.1.1 38.5 66.5z"/><path fill="#F3F3F3" d="M538.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M77.1 0h-.1.1z" fill="none"/><path fill="#F4F4F4" d="M577.4 66.6h.1l38.5-66.6h-77v.1l38.4 66.5z"/><path d="M154.1 0h-.1.1z" fill="none"/><path fill="#FBFBFB" d="M192.5 66.6h.1l38.4-66.5v-.1h-76.9l-.1.1 38.5 66.5z"/><path d="M462 0h-.1.1zm77 0h-.1.1z" fill="none"/><path fill="#F8F8F8" d="M500.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/><path d="M385 0h-.1.1z" fill="none"/><path fill="#F3F3F3" d="M423.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/><path fill="#F4F4F4" d="M346.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/><path d="M231.1 0h-.1.1z" fill="none"/><path fill="#F4F4F4" d="M269.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/><path d="M308.1 0h-.1.1z" fill="none"/><path fill="#F2F2F2" d="M38.6 66.6l38.4-66.5v-.1h-77l38.5 66.6h.1z"/><path d="M461.9 400h.1-.1z" fill="none"/><path fill="#F8F8F8" d="M500.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path fill="#FBFBFB" d="M346.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M384.9 400h.1-.1z" fill="none"/><path fill="#F9F9F9" d="M423.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M538.9 400h.1-.1z" fill="none"/><path fill="#EFEFEF" d="M539 399.9l77 .1-38.6-66.7-38.4 66.6z"/><path fill="#FAFAFA" d="M38.6 333.3l-38.6 66.7h77l.1-.1-38.5-66.6z"/><path d="M77 400h.1-.1zm230.9 0h.1-.1z" fill="none"/><path fill="#FEFEFE" d="M115.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M231 400h.1-.1z" fill="none"/><path fill="#FCFCFC" d="M269.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M154 400h.1-.1z" fill="none"/><path fill="#FAFAFA" d="M192.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M115.6 66.6h-.1.1z" fill="none"/><path fill="#F4F4F4" d="M77 133.4l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5z"/><path d="M0 133.3h.1-.1z" fill="none"/><path fill="#F5F5F5" d="M77 133.3h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/><path d="M38.5 333.2h.1-.1z" fill="none"/><path fill="#F6F6F6" d="M38.5 333.2l-38.4-66.6-.1.1v66.4h38.5z"/><path fill="#F4F4F4" d="M38.5 199.9l-38.4-66.5-.1.1v66.4h38.5z"/><path fill="#F7F7F7" d="M0 266.5h.1l38.5-66.5-.1-.1h-38.5v66.6z"/><path fill="#F5F5F5" d="M0 400l38.6-66.7-.1-.1h-38.5v66.8z"/><path fill="#F4F4F4" d="M38.5 66.6l-38.5-66.6v66.6h38.5z"/><path fill="#F5F5F5" d="M0 133.3h.1l38.4-66.5-.1-.1h-38.4v66.6z"/><path d="M38.5 199.9h.1-.1z" fill="none"/><path fill="#F5F5F5" d="M38.6 200l-38.5 66.5h76.9l-38.4-66.5zm38.4 66.6l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5zm.1-.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5h.1z"/><path d="M38.6 66.6h-.1.1zm308 0h-.1.1z" fill="none"/><path fill="#F6F6F6" d="M384.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M423.5 66.6h-.1.1z" fill="none"/><path fill="#FAFAFA" d="M461.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path fill="#F6F6F6" d="M154 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M500.5 66.6h-.1.1zm-307.9 0h-.1.1z" fill="none"/><path fill="#F6F6F6" d="M231 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M269.6 66.6h-.1.1z" fill="none"/><path fill="#F8F8F8" d="M307.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M615.9 266.6zm-38.5 66.7z" fill="none"/><path fill="#EDEDED" d="M539 266.5l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/><path d="M500.4 333.2h.1-.1z" fill="none"/><path fill="#F9F9F9" d="M500.5 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path fill="#FBFBFB" d="M423.5 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8zm-384.9 0l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path fill="#F5F5F5" d="M577.5 66.6l38.4 66.6v-66.6h-38.4z"/><path fill="#F4F4F4" d="M615.9 133.5l-38.4 66.4h38.4v-66.4z"/><path fill="#F6F6F6" d="M615.9 266.7l-38.4 66.4h38.4v-66.4z"/><path fill="#F5F5F5" d="M577.5 333.2l38.4 66.6v-66.6h-38.4z"/><path fill="#F4F4F4" d="M615.9.2l-38.4 66.4h38.4v-66.4z"/><path fill="#F7F7F7" d="M577.5 199.9l38.4 66.6v-66.6h-38.4z"/><path fill="#FCFCFC" d="M192.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path fill="#FDFDFD" d="M115.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path d="M192.5 333.2h.1-.1zm-77 0h.1-.1z" fill="none"/><path fill="#FCFCFC" d="M269.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8zm77 0l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path d="M346.4 333.2h.1-.1zm-77 0h.1-.1zm154 0h.1-.1z" fill="none"/></svg>';
-
-html {
-  background: $color-tertiary url($background-image) repeat fixed;
-}
-
-body {
-  background: $color-initial;
-  border-left: 1px solid rgba(0, 0, 0, .09);
-  border-right: 1px solid rgba(0, 0, 0, .09);
-
-  @include box-shadow(0 1px 4px rgba(0, 0, 0, .04));
-}
diff --git a/_scss/components/theme/_blockquote.scss b/_scss/components/theme/_blockquote.scss
deleted file mode 100644
index c0ad531..0000000
--- a/_scss/components/theme/_blockquote.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-blockquote {
-  border-left: .3rem solid $color-quaternary;
-  margin-left: 0;
-  margin-right: 0;
-  padding: 1rem 1.5rem;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
diff --git a/_scss/components/theme/_buttons.scss b/_scss/components/theme/_buttons.scss
deleted file mode 100644
index 3ddc463..0000000
--- a/_scss/components/theme/_buttons.scss
+++ /dev/null
@@ -1,84 +0,0 @@
-@import 'utilities/borderradius';
-
-.button,
-button,
-input[type='button'],
-input[type='reset'],
-input[type='submit'] {
-  background-color: $color-primary;
-  border: .1rem solid $color-primary;
-  color: $color-initial;
-  cursor: pointer;
-  display: inline-block;
-  font-size: 1.1rem;
-  font-weight: 700;
-  height: 3.8rem;
-  letter-spacing: .1rem;
-  line-height: 3.8rem;
-  padding: 0 3rem;
-  text-align: center;
-  text-decoration: none;
-  text-transform: uppercase;
-  white-space: nowrap;
-
-  @include border-radius(.4rem);
-
-  &:focus,
-  &:hover {
-    background-color: $color-secondary;
-    border-color: $color-secondary;
-    color: $color-initial;
-    outline: 0;
-  }
-
-  &[disabled] {
-    cursor: default;
-    opacity: .5;
-
-    &:focus,
-    &:hover {
-      background-color: $color-primary;
-      border-color: $color-primary;
-    }
-  }
-
-  &.button-outline {
-    background-color: transparent;
-    color: $color-primary;
-
-    &:focus,
-    &:hover {
-      background-color: transparent;
-      border-color: $color-secondary;
-      color: $color-secondary;
-    }
-
-    &[disabled] {
-      &:focus,
-      &:hover {
-        border-color: inherit;
-        color: $color-primary;
-      }
-    }
-  }
-
-  &.button-clear {
-    background-color: transparent;
-    border-color: transparent;
-    color: $color-primary;
-
-    &:focus,
-    &:hover {
-      background-color: transparent;
-      border-color: transparent;
-      color: $color-secondary;
-    }
-
-    &[disabled] {
-      &:focus,
-      &:hover {
-        color: $color-primary;
-      }
-    }
-  }
-}
diff --git a/_scss/components/theme/_code.scss b/_scss/components/theme/_code.scss
deleted file mode 100644
index d825933..0000000
--- a/_scss/components/theme/_code.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-@import 'utilities/borderradius';
-
-code {
-  background: $color-tertiary;
-  font-size: 86%;
-  margin: 0 .2rem;
-  padding: .2rem .5rem;
-  white-space: nowrap;
-
-  @include border-radius(.4rem);
-}
-
-pre {
-  background: $color-tertiary;
-  border-left: .3rem solid $color-primary;
-  overflow-x: auto;
-
-  & > code {
-    display: block;
-    padding: 1rem 1.5rem;
-    white-space: pre;
-
-    @include border-radius(0);
-  }
-}
diff --git a/_scss/components/theme/_divider.scss b/_scss/components/theme/_divider.scss
deleted file mode 100644
index 45ec578..0000000
--- a/_scss/components/theme/_divider.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-hr {
-  border: 0;
-  border-top: .1rem solid $color-tertiary;
-  margin: 3rem 0;
-}
diff --git a/_scss/components/theme/_form.scss b/_scss/components/theme/_form.scss
deleted file mode 100644
index 211383c..0000000
--- a/_scss/components/theme/_form.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-@import 'utilities/appearance';
-@import 'utilities/borderradius';
-@import 'utilities/boxshadow';
-@import 'utilities/boxsizing';
-
-input:not([type]),
-input[type='color'],
-input[type='date'],
-input[type='datetime'],
-input[type='datetime-local'],
-input[type='email'],
-input[type='month'],
-input[type='number'],
-input[type='password'],
-input[type='search'],
-input[type='tel'],
-input[type='text'],
-input[type='url'],
-input[type='week'],
-select,
-textarea {
-  background-color: transparent;
-  border: .1rem solid $color-quaternary;
-  height: 3.8rem;
-  padding: .6rem 1rem;
-  width: 100%;
-
-  @include appearance(none);
-  @include border-radius(.4rem);
-  @include box-shadow(none);
-  @include box-sizing(inherit);
-
-  &:focus {
-    border-color: $color-primary;
-    outline: 0;
-  }
-}
-
-select {
-  padding-right: 3rem;
-}
-
-textarea {
-  min-height: 6.5rem;
-}
-
-label,
-legend {
-  display: block;
-  font-size: 1.6rem;
-  font-weight: 700;
-  margin-bottom: .5rem;
-}
-
-fieldset {
-  border-width: 0;
-  padding: 0;
-}
-
-input[type='checkbox'],
-input[type='radio'] {
-  display: inline;
-}
-
-.label-inline {
-  display: inline-block;
-  font-weight: normal;
-  margin-left: .5rem;
-}
diff --git a/_scss/components/theme/_image.scss b/_scss/components/theme/_image.scss
deleted file mode 100644
index dfb2513..0000000
--- a/_scss/components/theme/_image.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-@import 'utilities/boxshadow';
-
-img {
-  max-width: 100%;
-  width: auto;
-
-  &:hover {
-    @include box-shadow(0 0 10px rgba(0, 0, 0, .5));
-  }
-}
-
-.fullscreen {
-  background: rgba(0, 0, 0, .5);
-  display: none;
-  height: 100%;
-  left: 0;
-  position: fixed;
-  text-align: center;
-  top: 0;
-  width: 100%;
-
-  &:target {
-    display: block;
-  }
-
-  img {
-    margin-top: 10rem;
-  }
-}
diff --git a/_scss/components/theme/_link.scss b/_scss/components/theme/_link.scss
deleted file mode 100644
index 6dac3e1..0000000
--- a/_scss/components/theme/_link.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-a {
-  color: $color-primary;
-  text-decoration: none;
-
-  &:focus,
-  &:hover {
-    color: $color-secondary;
-  }
-}
diff --git a/_scss/components/theme/_list.scss b/_scss/components/theme/_list.scss
deleted file mode 100644
index 3d68e16..0000000
--- a/_scss/components/theme/_list.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-dl,
-ol,
-ul {
-  list-style: none;
-  margin-top: 0;
-  padding-left: 0;
-
-  dl,
-  ol,
-  ul {
-    font-size: 90%;
-    margin: 1.5rem 0 1.5rem 3rem;
-  }
-}
-
-ol {
-  list-style: decimal inside;
-}
-
-ul {
-  list-style: circle inside;
-}
diff --git a/_scss/components/theme/_spacing.scss b/_scss/components/theme/_spacing.scss
deleted file mode 100644
index eff2d24..0000000
--- a/_scss/components/theme/_spacing.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-.button,
-button,
-dd,
-dt,
-li {
-  margin-bottom: 1rem;
-}
-
-fieldset,
-input,
-select,
-textarea {
-  margin-bottom: 1.5rem;
-}
-
-blockquote,
-dl,
-figure,
-form,
-ol,
-p,
-pre,
-table,
-ul {
-  margin-bottom: 2.5rem;
-}
diff --git a/_scss/components/theme/_table.scss b/_scss/components/theme/_table.scss
deleted file mode 100644
index 7af38d5..0000000
--- a/_scss/components/theme/_table.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-table {
-  border-spacing: 0;
-  width: 100%;
-}
-
-td,
-th {
-  border-bottom: .1rem solid $color-quinary;
-  padding: 1.2rem 1.5rem;
-  text-align: left;
-
-  &:first-child {
-    padding-left: 0;
-  }
-
-  &:last-child {
-    padding-right: 0;
-  }
-}
diff --git a/_scss/components/theme/_typography.scss b/_scss/components/theme/_typography.scss
deleted file mode 100644
index 0f35937..0000000
--- a/_scss/components/theme/_typography.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-b,
-strong {
-  font-weight: bold;
-}
-
-p {
-  margin-top: 0;
-}
-
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: 300;
-  letter-spacing: .01em;
-  margin-bottom: 2rem;
-  margin-top: 0;
-}
-
-h1 {
-  font-size: 4.6rem;
-  line-height: 1.2;
-}
-
-h2 {
-  font-size: 3.6rem;
-  line-height: 1.25;
-}
-
-h3 {
-  font-size: 2.8rem;
-  line-height: 1.3;
-}
-
-h4 {
-  font-size: 2.2rem;
-  line-height: 1.35;
-}
-
-h5 {
-  font-size: 1.8rem;
-  line-height: 1.5;
-}
-
-h6 {
-  font-size: 1.6rem;
-  line-height: 1.4;
-}