Merge pull request #4 from paceaux/2-drop-the-ie-support

2 drop the ie support
paceaux · Sep 21, 2022 · 8da4ef1 · 8da4ef1
2 parents 72b2676 + 73762d8
commit 8da4ef1
Show file tree

Hide file tree

Showing 2 changed files with 0 additions and 38 deletions.
diff --git a/README.md b/README.md
@@ -33,11 +33,9 @@ This is a fairly unopinionated approach to making sure that the text has a decen
 * Firefox
 * Chrome
 * Edge
-* IE10*
 * Safari
 * Opera
 
- >*IE10 doesn't support CSS Variables, but nothing will break in IE10 if that's the case. 
 
 ## Usage
 While this is relatively unopinionated, there are a few "opinions" to consider:

diff --git a/src/baseline.css b/src/baseline.css
@@ -68,12 +68,9 @@
 }
 
 html {
-    color: #373737; 
     color: var(--baseTextColor);
-    font-family: Georgia, 'Times New Roman', serif;
     font-family: var(--baseFontFamily);
     font-size: calc(.5vw + 1rem); /* the font-size can scale up as the browser window gets larger, but doesn't get hard to read when the browser window shrinks*/
-    line-height: 1.168;
     line-height: var(--baseLineHeight);
 }
 
@@ -93,7 +90,6 @@ ul,
 ol,
 dl,
 pre {
-    line-height: 1.618;
     line-height: var(--baseLineHeight);
     margin: 0 .618rem 0 .618rem; /* Comment-A */
 }
@@ -109,41 +105,33 @@ h3,
 h4,
 h5,
 h6 {
-    font-family: Helvetica, Arial, sans-serif;
     font-family: var(--titleFontFamily);
     font-weight: bold;
-    line-height: 1.2;
     line-height: var(--smallLineHeight);
     margin-bottom: calc(1.618vmin - 1vmax + .35em); /* increases margin as screen width gets smaller */
 }
 
 h1 {
-    font-size: 2.617924em;
     font-size: var(--biggestTitleSize);
 }
 
 h2 {
-    font-size: 1.618em;
     font-size: var(--bigTitleSize);
 }
 
 h3 {
-    font-size: 1.5em;
     font-size: var(--baseTitleSize);
 }
 
 h4 {
-    font-size: 1.3em;
     font-size: var(--smallTitleSize);
 }
 
 h5 {
-    font-size: 1.2em;
     font-size: var(--smallerTitleSize);
 }
 
 h6 {
-    font-size: 1.1em;
     font-size: var(--smallestTitleSize);
 }
 
@@ -160,7 +148,6 @@ dl {
 
 li {
     text-indent: -.9em;
-    line-height: 1.618;
     line-height: var(--baseLineHeight);
     padding: 0;
     margin: 0 0 0 .618rem;
@@ -185,7 +172,6 @@ dd {
 =====*/
 
 hr {
-    color: #a5a5a5;
     color: var(--colorNeutral);
     border-width: .0625em;
     border-style: solid;
@@ -194,12 +180,10 @@ hr {
 
 p,
 blockquote {
-    line-height: 1.618;
     line-height: var(--baseLineHeight);
 }
 
 p {
-    font-size: 1em;
     font-size: var(--baseTextSize);
     margin-bottom: .618em;
 }
@@ -210,15 +194,13 @@ p {
 */
 blockquote {
     background: rgba(165, 165, 165, .15);
-    border-left: 10px solid#dcdcdc;
     border-left: 10px solid var(--colorNeutralLighter);
     margin: 1.618em .618rem; /* Comment-A */
     padding: 0.618em .618rem;
     quotes: "\201C""\201D""\2018""\2019";
 }
 
 blockquote::before {
-    color: #c1c1c1;
     color: var(--colorNeutralLight);
     content: open-quote;
     font-size: 4em;
@@ -256,7 +238,6 @@ u {
 small,
 sub,
 sup {
-    font-size: .618em;
     font-size: var(--smallestTextSize);
     line-height: 1;
 }
@@ -278,7 +259,6 @@ s,
 strike,
 del,
 ins {
-    color: #6e6e6e;
     color: var(--baseEditorialTextColor);
 }
 
@@ -338,7 +318,6 @@ code,
 var,
 samp,
 data {
-    font-family: monospace;
     font-family: var(--codeFontFamily);
 }
 
@@ -349,10 +328,8 @@ data {
 }
 
 kbd {
-    font-size: .75em;
     font-size: var(--smallerTextSize);
     padding: .25ex .5ex;
-    border: 1px solid #c1c1c1;
     border: 1px solid  var(--baseInlineBorderColor);
     border-radius: 3px;
 }
@@ -369,7 +346,6 @@ data {
 }
 
 samp {
-    border-left: 5px solid #c1c1c1;
     border-left: 5px solid var(--baseInlineBorderColor);
 }
 
@@ -378,12 +354,9 @@ data {
 }
 
 pre {
-    font-size: .75em;
     font-size: var(--smallerTextSize);
-    line-height: 1.2;
     line-height: var(--smallLineHeight);
     padding: .618em .618rem;
-    border: 1px solid #c1c1c1;
     border: 1px solid var(--baseInlineBorderColor);
     border-radius: 2px;
     overflow: scroll;
@@ -463,7 +436,6 @@ rtc > bdo {
 =====*/
 
 a {
-    color: #6ea5dc;
     color: var(--baseLinkColor);
     text-decoration: none;
     border-bottom: 1px dotted transparent;
@@ -472,9 +444,7 @@ a {
 
 a:hover,
 a:focus {
-    color: #6ea5c1;
     color: var(--baseLinkColorHover);
-    border-color: #6ea5c1;
     border-color: var(--baseLinkColorHover);
     outline: none;
 }
@@ -489,12 +459,10 @@ a:active {
 ==========*/
 
 table {
-    font-size: .8em;
     font-size:  var(--smallTextSize);
 }
 
 caption {
-    font-size: 1em;
     font-size:  var(--baseTextSize);
     text-transform: capitalize;
     font-style: italic;
@@ -503,21 +471,17 @@ caption {
 th, td {
     text-align: left;
     vertical-align: middle;
-    line-height: 1.2;
     line-height: var(--smallLineHeight);
     padding: .4em .618rem;
 }
 
 th {
-    font-family: Helvetica, Arial, sans-serif;
     font-family: var(--titleFontFamily);
     font-weight: bold;
-    font-size: 1.3em;
     font-size: var(--smallTitleSize); /*treat th in a body as h4*/
 }
 
 thead th,
 tfoot th {
-    font-size: 1.5em;
     font-size: var(--baseTitleSize); /*treat th in header/footer as h3*/
 }