AfterAales/themes/next/source/css/_common/outline/mobile.styl

/*
// < 767px
+mobile() {

}
*/

+mobile-small() {
  // For Pisces & Gemini schemes only wider width (remove main blocks in Gemini).
  .content-wrap {
    padding: initial !important;
  }

  // For all schemes wider width.
  .posts-expand {
    .post-meta {
      margin: 3px 0 10px 0 !important;
    }
  }

  .post-block {
    margin-top: initial !important;
    // Inside posts blocks content padding (default 40px).
    padding: $content-mobile-padding 18px $content-mobile-padding !important;
  }

  .posts-collapse {
    margin-left: 0;
    margin-right: 0;
  }

  .post-body {
    // For headers narrow width.
    h1, h2, h3, h4, h5, h6 {
      margin: 10px 0 8px;
    }

    // Rewrite paddings & margins inside tags.
    .note, .tabs .tab-content .tab-pane {
      h1, h2, h3, h4, h5, h6 {
        margin: 0 5px;
      }
    }

    // For paragraphs narrow width.
    > p {
      margin: 0 0 10px 0;
    }

    // Rewrite paddings & margins inside tags.
    .note > p, .tabs .tab-content .tab-pane > p {
      padding: 0 5px;
    }

    img, video {
      margin-bottom: 10px !important;
    }

    .note {
      margin-bottom: 10px !important;
      padding: 10px !important;

      if (hexo-config('note.icons')) {
        &:not(.no-icon) {
          padding-left: 35px !important;
        }
      }
    }

    .tabs .tab-content .tab-pane {
      padding: 10px 10px 0 10px !important;
    }
  }

  .post-eof {
    margin: 40px auto 20px !important;
  }

  .pagination {
    margin-top: 40px;
  }
}

/*
// < 413px
+mobile-smallest() {

}
*/