v1.0.0

Add IE10 to "dinosaur mode" and set it to "false" by default

README.md

@@ -35,6 +35,11 @@ $initialize-font-size: 1em;
 $initialize-line-height: 1.4;
 ```
 
+Microsoft [dropped support](https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support) for IE8, IE9 & IE10. If you still have to support these old dinosaur browsers, just set dinosaur mode to true.
+```
+$initialize-dinosaur-mode: true;
+```
+
 Optional values:
 ```
 $initialize-color: #000;
@@ -45,9 +50,4 @@ $initialize-block-margins: 0 0 0.75em;
 $initialize-heading-color: #000;
 $initialize-heading-font-family: sans-serif;
 $initialize-heading-margins: 1em 0 0.75em;
-```
-
-If you don't have to support old dinosaur browsers like IE8 & IE9, just set dinosaur mode to false. Less code!!
-```
-$initialize-dinosaur-mode: false;
 ```

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "initialize-css",
-  "version": "0.4.0",
+  "version": "1.0.0",
   "homepage": "http://jeroenoomsnl.github.io/initialize-css/",
   "authors": [
     "Jeroen Ooms (@jeroenooms)"

dist/_initialize.scss

@@ -17,7 +17,7 @@ $initialize-line-height: 1.4 !default;
 //
 // Options
 //
-$initialize-dinosaur-mode: true !default; // toggle support for IE8 & IE9
+$initialize-dinosaur-mode: false !default; // toggle support for IE8, IE9 & IE10
 
 //
 // Optional values
@@ -119,8 +119,12 @@ template {
 //
 // Links
 //
-a {
-  background-color: transparent;
+
+// Remove the gray background color from active links in IE 10.
+@if $initialize-dinosaur-mode == true {
+  a {
+    background-color: transparent;
+  }
 }
 
 a:active,

dist/initialize.css

@@ -34,18 +34,8 @@ body {
   text-shadow: none;
 }
 
-article,
-aside,
 details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
 main,
-menu,
-nav,
-section,
 summary {
   display: block;
 }
@@ -54,7 +44,6 @@ audio,
 canvas,
 progress,
 video {
-  display: inline-block;
   vertical-align: baseline;
 }
 
@@ -68,10 +57,6 @@ template {
   display: none;
 }
 
-a {
-  background-color: transparent;
-}
-
 a:active,
 a:hover {
   outline: 0;
@@ -95,11 +80,6 @@ h1 {
   margin: 0.67em 0;
 }
 
-mark {
-  background: #ff0;
-  color: #000;
-}
-
 small {
   font-size: 80%;
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "initialize-css",
-  "version": "0.4.0",
+  "version": "1.0.0",
   "homepage": "http://jeroenoomsnl.github.io/initialize-css/",
   "description": "Initialize.css is a complete and customizable collection of CSS best practices based on Normalize.css and HTML5 Boilerplate. Available in CSS and configurable SASS (SCSS) format.",
   "author": {

src/index.html

@@ -66,6 +66,12 @@ <h2>Configure</h2>
 $initialize-font-size: 1em;
 $initialize-line-height: 1.4;
 </pre>
+
+            <p>Microsoft <a href="https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support" target="_blank">dropped support</a> for IE8, IE9 &amp; IE10. If you still have to support these old dinosaur browsers, just set <em>dinosaur mode</em> to true.</p>
+<pre>
+$initialize-dinosaur-mode: true;
+</pre>
+
             <p>Optional values:</p>
 <pre>
 $initialize-color: #000;
@@ -76,10 +82,7 @@ <h2>Configure</h2>
 $initialize-heading-margins: 1em 0 0.75em; 
 </pre>
 
-            <p>If you don't have to support old dinosaur browsers like IE8 &amp; IE9, just set <em>dinosaur mode</em> to false. Less code!!</p>
-<pre>
-$initialize-dinosaur-mode: false;
-</pre>
+
 
         </main>
 

src/styles/initialize.scss

@@ -17,7 +17,7 @@ $initialize-line-height: 1.4 !default;
 //
 // Options
 //
-$initialize-dinosaur-mode: true !default; // toggle support for IE8 & IE9
+$initialize-dinosaur-mode: false !default; // toggle support for IE8, IE9 & IE10
 
 //
 // Optional values
@@ -119,8 +119,12 @@ template {
 //
 // Links
 //
-a {
-  background-color: transparent;
+
+// Remove the gray background color from active links in IE 10.
+@if $initialize-dinosaur-mode == true {
+  a {
+    background-color: transparent;
+  }
 }
 
 a:active,