N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add flexbox fixes for < IE9 to make the greedy nav button visible

Browse source
This commit is contained in:
Michael Rose 2017-02-14 13:13:28 -05:00
parent a488a6b0fe
commit e223934f81
2 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
_includes/head.html
View file

@ -16,4 +16,19 @@
<!-- For all browsers --> <!-- For all browsers -->
<link rel="stylesheet" href="{{ '/assets/css/main.css' | absolute_url }}"> <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"> <meta http-equiv="cleartype" content="on">

4
_sass/_navigation.scss
View file

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