Adding a deprecation notice for IE8
I may add similar notices for other old browsers, but IE8 was particularly bad since it does not render most of the styles
This commit is contained in:
parent
d21846e872
commit
68e4bed048
@ -44,6 +44,25 @@ ul.inline-list {
|
||||
}
|
||||
}
|
||||
|
||||
#deprecation-notice {
|
||||
@include background(linear-gradient(to bottom, $green, $dark-green));
|
||||
background-color: $green;
|
||||
padding: rhythm(1);
|
||||
margin: rhythm(1);
|
||||
@include border-radius(20px);
|
||||
@include box-shadow;
|
||||
@include clearfix;
|
||||
|
||||
h1 {
|
||||
@include adjust-font-size-to(48px, 2);
|
||||
font-family: 'Bangers', 'cursive';
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: rhythm(1);
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
@include background(linear-gradient(to bottom, $green, $dark-green));
|
||||
background-color: $green;
|
||||
|
@ -16,6 +16,14 @@
|
||||
<!-- Built: ${date} -->
|
||||
</head>
|
||||
<body>
|
||||
<!--[if lte IE 8]>
|
||||
<div id="deprecation-notice">
|
||||
<h1>Regexper</h1>
|
||||
|
||||
<p>Your browser is no longer supported by the current version of Regexper. Upgrade your browser to the latest version, or visit <a href="http://old.regexper.com/">the old Regexper</a>.</p>
|
||||
</div>
|
||||
<![endif]-->
|
||||
<!--[if gt IE 8]> -->
|
||||
<script type="text/css" id="svg-styles">${svgStyles}</script>
|
||||
|
||||
<header>
|
||||
@ -49,5 +57,6 @@
|
||||
</li>
|
||||
</ul>
|
||||
</footer>
|
||||
<!-- <![endif]-->
|
||||
</body>
|
||||
</html>
|
||||
|
Loading…
Reference in New Issue
Block a user