hugo-theme-next/assets/css/_common/outline/mobile.scss

/*
// < 767px
@include mobile() {

}
*/

@if $mobile_layout_economy {
  @include mobile-small() {
    // For Pisces & Gemini schemes only wider width (remove main blocks in Gemini).
    .main-inner {
      padding: initial !important;
    }

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

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

    .post-body {
      // For headers narrow width.
      h1, h2, h3, h4, h5, h6 {
        margin: 20px 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;
      }

      // 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 $note_icons {
          &:not(.no-icon) {
            padding-left: 35px !important;
          }
        }
      }

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

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

    .pagination {
      margin-top: 40px;
    }
  }
}
/*
// < 413px
@include mobile-smallest() {

}
*/