~xdavidwu/xdavidwu.link

d8cf7864f2634b5fcb6b87edbf67f166ec7438c5 — xdavidwu 2 years ago 98ea326
move top flex to own div for matching by darkmode
2 files changed, 18 insertions(+), 14 deletions(-)

M _layouts/default.html
M _sass/minimal-mistakes/_page.scss
M _layouts/default.html => _layouts/default.html +17 -13
@@ 23,23 23,27 @@
      <i class="fa fa-moon"></i>
    </label>

    {% include_cached masthead.html %}
    <div class="top-flex">

    <div class="initial-content">
      {{ content }}
    </div>
      {% include_cached masthead.html %}

      <div class="initial-content">
        {{ content }}
      </div>

    {% if site.search == true %}
      <div class="search-content">
        {% include_cached search/search_form.html %}
      {% if site.search == true %}
        <div class="search-content">
          {% include_cached search/search_form.html %}
        </div>
      {% endif %}

      <div id="footer" class="page__footer">
        <footer>
          {% include footer/custom.html %}
          {% include_cached footer.html %}
        </footer>
      </div>
    {% endif %}

    <div id="footer" class="page__footer">
      <footer>
        {% include footer/custom.html %}
        {% include_cached footer.html %}
      </footer>
    </div>

    {% include scripts.html %}

M _sass/minimal-mistakes/_page.scss => _sass/minimal-mistakes/_page.scss +1 -1
@@ 10,7 10,7 @@
  width: 100%;
}

body {
.top-flex {
  display: flex;
  min-height: 100vh;
  flex-direction: column;