diff --git a/themes/chameleon/source/css/chameleon.css b/themes/chameleon/source/css/chameleon.css index 68309e8..e71c915 100644 --- a/themes/chameleon/source/css/chameleon.css +++ b/themes/chameleon/source/css/chameleon.css @@ -76,12 +76,14 @@ ul ul { margin: 0; } /** - * 1. Add the correct sizing in Firefox. - * 2. Show the overflow in Edge 18- and IE. + * 1. Correct the inheritance of border color in Firefox. + * 2. Add the correct box sizing in Firefox. + * 3. Show the overflow in Edge 18- and IE. */ hr { - height: 0; /* 1 */ - overflow: visible; /* 2 */ + color: inherit; /* 1 */ + height: 0; /* 2 */ + overflow: visible; /* 3 */ } /** * Add the correct display in IE. @@ -97,13 +99,22 @@ nav ul { list-style: none; padding: 0; } +/** + * Prevent VoiceOver from ignoring list semantics in Safari (opinionated). + */ +nav li::before { + content: "\200B"; +} /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. + * 3. Prevent overflow of the container in all browsers (opinionated). */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ + overflow: auto; /* 3 */ + -ms-overflow-style: scrollbar; /* 3 */ } /* Text-level semantics * ========================================================================== */ @@ -172,10 +183,14 @@ svg:not(:root) { /* Tabular data * ========================================================================== */ /** - * Collapse border spacing in all browsers (opinionated). + * 1. Collapse border spacing in all browsers (opinionated). + * 2. Correct table border color inheritance in all Chrome, Edge, and Safari. + * 3. Remove text indentation from table contents in Chrome, Edge, and Safari. */ table { - border-collapse: collapse; + border-collapse: collapse; /* 1 */ + border-color: inherit; /* 2 */ + text-indent: 0; /* 3 */ } /* Forms * ========================================================================== */ @@ -251,6 +266,7 @@ textarea { margin: 0; /* 1 */ overflow: auto; /* 2 */ resize: vertical; /* 3 */ + resize: block; /* 3 */ } /** * 1. Correct the odd appearance in Chrome, Edge, and Safari. @@ -355,9 +371,7 @@ template { /* User interaction * ========================================================================== */ /* - * 1. Remove the tapping delay in IE 10. - * 2. Remove the tapping delay on clickable elements - in all browsers (opinionated). + * Remove the tapping delay in IE 10. */ a, area, @@ -367,8 +381,8 @@ label, select, summary, textarea, -[tabindex] { /* 1 */ - touch-action: manipulation; /* 2 */ +[tabindex] { + -ms-touch-action: manipulation; } /* Accessibility * ========================================================================== */ @@ -434,6 +448,14 @@ select { select:not([multiple]):not([size]) { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E"); } +/** + * Remove the border and padding in all browsers (opinionated). + */ +[type="color"], +[type="range"] { + border-width: 0; + padding: 0; +} /** * Change the inconsistent appearance in IE (opinionated). */