initial

themes/next/source/css/_schemes/Mist/_base.styl

@@ -0,0 +1,9 @@
+// Tags
+// --------------------------------------------------
+
+a { border-bottom-color: $grey-light; }
+
+hr {
+  margin: 20px 0;
+  height: 2px;
+}

themes/next/source/css/_schemes/Mist/_header.styl

@@ -0,0 +1,65 @@
+// Header
+// --------------------------------------------------
+.header { background: $whitesmoke; }
+.header-inner {
+  clearfix();
+  padding: 20px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  +mobile() {
+    show();
+    width: auto;
+    padding: 10px;
+  }
+}
+
+.site-meta {
+  float: left;
+  margin-left: -20px;
+  line-height: normal;
+
+  +mobile() {
+    margin-left: 10px;
+  }
+
+  .brand {
+    padding: 2px 1px;
+    background: none;
+
+    +mobile() { display: block; }
+  }
+
+  .logo { display: none; }
+
+  .site-title {
+    font-size: 22px;
+    font-weight: bolder;
+
+    +mobile() { line-height: 34px; }
+  }
+}
+
+.logo-line-before,
+.logo-line-after {
+  show();
+  overflow: hidden;
+  margin: 0 auto;
+  width: 75%;
+
+  +mobile() { display: none; }
+
+  i {
+    position: relative;
+    show();
+    height: 2px;
+    background: $black-deep;
+    +mobile() { height: 3px; }
+  }
+}
+
+.use-motion {
+  .logo-line-before i { left: -100%; }
+  .logo-line-after i { right: -100%; }
+}

themes/next/source/css/_schemes/Mist/_logo.styl

@@ -0,0 +1 @@
+.site-subtitle { display: none; }

themes/next/source/css/_schemes/Mist/_menu.styl

@@ -0,0 +1,83 @@
+// Menu
+// --------------------------------------------------
+.site-brand-wrapper {
+  flex-shrink: 0;
+}
+
+.site-nav-toggle {
+  position: static;
+  float: right;
+}
+
+.site-nav {
+  flex-grow: 1;
+  +mobile() {
+    transform: translateY(10px);
+  }
+}
+
+.menu-item-active a {
+  background: #e1e1e1;
+}
+
+.menu {
+  //float: right;
+  margin: 0;
+
+  +mobile() {
+    margin: 10px 0;
+    padding: 0;
+  }
+
+  br { display: none; }
+
+  .menu-item {
+    margin: 0;
+    +mobile() {
+      show();
+      margin-top: 5px;
+    }
+
+    .badge {
+      display: inline-block;
+      padding: 1px 4px;
+      margin-left: 5px;
+      font-weight: 700;
+      line-height: 1;
+      color: $black-light;
+      text-align: center;
+      white-space: nowrap;
+      background-color: #fff;
+      border-radius: 10px;
+      text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
+      +mobile() {
+        float: right;
+        margin: 0.35em 0 0 0;
+      }
+    }
+
+    a, span.exturl {
+      padding: 0 10px;
+      border: none;
+      border-radius: 2px;
+      transition-property: background;
+
+      +mobile() {
+        text-align: left;
+      }
+
+      &:hover {
+        @extend .menu-item-active a;
+      }
+
+      disable-touch-hover();
+    }
+  }
+
+  a::before {
+    hide();
+    +mobile() { display: block; }
+  }
+
+  +mobile() { float: none; }
+}

themes/next/source/css/_schemes/Mist/_posts-expanded.styl

@@ -0,0 +1,66 @@
+// Post Expanded
+// --------------------------------------------------
+.posts-expand {
+  padding-top: 0;
+
+  .post-title,
+  .post-meta {
+    text-align: $site-meta-text-align;
+    +mobile() { text-align: center; }
+  }
+  .post-eof { display: none; }
+
+  .post { margin-top: 120px; }
+  .post:first-child { margin-top: 0; }
+
+  .post-meta {
+    margin-top: 5px;
+    margin-bottom: 20px;
+  }
+
+  .post-title {
+    position: relative;
+    font-size: $font-size-headings-base;
+    font-weight: 400;
+    +mobile() { font-size: $font-size-headings-small; }
+    +desktop-large() { font-size: $font-size-headings-large; }
+  }
+  .post-title:hover:before { background: $black-deep; }
+
+  .post-body {
+    +mobile() { font-size: $font-size-base; }
+  }
+
+  .post-body img { margin: 0; }
+
+  .post-tags {
+    text-align: left;
+    a {
+      padding: 1px 5px;
+      background: $whitesmoke;
+      border-bottom: none;
+    }
+    a:hover { background: $grey-light; }
+  }
+  .post-nav { margin-top: 40px; }
+}
+
+.post-button {
+  margin-top: 20px;
+  text-align: left;
+
+  a {
+    padding: 0;
+    font-size: $font-size-base;
+    //color: $grey-dim;
+    background: none;
+    border: none;
+    border-bottom: 2px solid $grey-dim;
+    transition-property: border;
+
+    +mobile() { font-size: $font-size-small; }
+    +desktop-large() { font-size: $font-size-large; }
+
+    &:hover { border-bottom-color: $black-deep; }
+  }
+}

themes/next/source/css/_schemes/Mist/_search.styl

@@ -0,0 +1,5 @@
+// Search
+// --------------------------------------------------
+.site-search form {
+  hide();
+}

themes/next/source/css/_schemes/Mist/index.styl

@@ -0,0 +1,86 @@
+//
+// Mist scheme
+// =================================================
+
+@import "_base";
+@import "outline/outline";
+@import "_header";
+@import "_logo";
+@import "_menu";
+@import "_search.styl";
+@import "_posts-expanded";
+@import "sidebar/sidebar-blogroll";
+
+// Components
+// --------------------------------------------------
+.btn {
+  padding: 0 10px;
+  border-width: 2px;
+  border-radius: 0;
+}
+
+.headband { display: none; }
+
+// Search
+// --------------------------------------------------
+.site-search {
+  position: relative;
+  float: right;
+  margin-top: 5px;
+  padding-top: 3px;
+
+  +mobile() {
+    float: none;
+    padding: 0 10px;
+  }
+}
+
+// Page - Container
+// --------------------------------------------------
+.container .main-inner {
+  +mobile() { width: auto; }
+}
+
+// Page - Post details
+// --------------------------------------------------
+.page-post-detail {
+  .post-title,
+  .post-meta { text-align: center; }
+
+  .post-title:before { display: none; }
+
+  .post-meta { margin-bottom: 60px; }
+}
+
+// Pagination
+// --------------------------------------------------
+.pagination {
+  margin: 120px 0 0;
+  text-align: left;
+
+  +mobile() {
+    margin: 80px 10px 0;
+    text-align: center;
+  }
+}
+
+// Footer
+// --------------------------------------------------
+.footer {
+  margin-top: 80px;
+  padding: 10px 0;
+  background: $whitesmoke;
+  color: $grey-dim;
+}
+.footer-inner {
+  margin: 0 auto;
+  text-align: left;
+
+  +mobile() {
+    width: auto;
+    text-align: center;
+  }
+}
+
+// Helpers
+// --------------------------------------------------

themes/next/source/css/_schemes/Mist/outline/outline.styl

@@ -0,0 +1 @@
+.main-inner { margin-top: 80px; }

themes/next/source/css/_schemes/Mist/sidebar/sidebar-blogroll.styl

@@ -0,0 +1 @@
+.links-of-blogroll-inline .links-of-blogroll-item { display: inline-block; }