initial

themes/next/source/css/_mixins/Gemini.styl

@@ -0,0 +1 @@
+@import "Pisces.styl";

themes/next/source/css/_mixins/Pisces.styl

@@ -0,0 +1,16 @@
+sidebar-inline-links-item() {
+  margin: 5px 0 0;
+  if !hexo-config('social_icons.icons_only') { width: 50%; }
+
+  & a, span.exturl {
+    max-width: 216px;
+    box-sizing: border-box;
+    display: inline-block;
+    margin-right: 0;
+    margin-bottom: 0;
+    padding: 0 5px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}

themes/next/source/css/_mixins/base.styl

@@ -0,0 +1,105 @@
+the-transition() {
+  transition-duration: 0.2s;
+  transition-timing-function: ease-in-out;
+  transition-delay: 0s;
+}
+
+the-transition-ease-in() {
+  transition-duration: 0.2s;
+  transition-timing-function: ease-in;
+  transition-delay: 0s;
+}
+
+the-transition-ease-out() {
+  transition-duration: 0.2s;
+  transition-timing-function: ease-out;
+  transition-delay: 0s;
+}
+
+mobile-smallest() {
+  @media (max-width: 413px) {
+    {block}
+  }
+}
+
+mobile-small() {
+  @media (max-width: 567px) {
+    {block}
+  }
+}
+
+mobile() {
+  @media (max-width: 767px) {
+    {block}
+  }
+}
+
+tablet-mobile() {
+  @media (max-width: 991px) {
+    {block}
+  }
+}
+
+tablet() {
+  @media (min-width: 768px) and (max-width: 991px) {
+    {block}
+  }
+}
+
+desktop() {
+  @media (min-width: 992px) {
+    {block}
+  }
+}
+
+desktop-large() {
+  @media (min-width: 1200px) {
+    {block}
+  }
+}
+
+desktop-largest() {
+  @media (min-width: 1600px) {
+    {block}
+  }
+}
+
+circle() {
+  border-radius: 50%;
+}
+
+hide() {
+  display: none;
+}
+
+show() {
+  display: block;
+}
+
+random-color($min, $max) {
+  return floor(math(0, 'random') * ($max - $min + 1) + $min);
+}
+
+// Clearfix. http://nicolasgallagher.com/micro-clearfix-hack/
+clearfix() {
+  &:before,
+  &:after {
+    content: " ";
+    display: table;
+  }
+  &:after { clear: both; }
+}
+
+word-wrap() {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+
+disable-touch-hover() {
+  // To prevent hover on external links with touch devices after click.
+  @media (hover:none) {
+    &:hover {
+      background: none;
+    }
+  }
+}