~xdavidwu/xdavidwu.link

6cb2f1b86a8ce4c6b0140d70011c7bd00b9222cf — Michael Rose 7 years ago f69382b
Add flexbox fixes for < IE9 to make the greedy nav button visible
2 files changed, 17 insertions(+), 2 deletions(-)

M _includes/head.html
M _sass/_navigation.scss
M _includes/head.html => _includes/head.html +15 -0
@@ 16,4 16,19 @@
<!-- For all browsers -->
<link rel="stylesheet" href="{{ '/assets/css/main.css' | absolute_url }}">

<!--[if lte IE 9]>
  <style>
    /* old IE unsupported flexbox fixes */
    .greedy-nav .site-title {
      padding-right: 3em;
    }
    .greedy-nav button {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
    }
  </style>
<![endif]-->

<meta http-equiv="cleartype" content="on">
\ No newline at end of file

M _sass/_navigation.scss => _sass/_navigation.scss +2 -2
@@ 198,12 198,12 @@
  }

  button {
    align-self: stretch;
    padding: 0 0.5rem;
    align-self: stretch;
    border: 0;
    outline: none;
    background-color: $primary-color;
    color: #fff;
    background-color: $primary-color;
    cursor: pointer;
  }