Fix links. Remove quirks mode css.

This commit is contained in:
Tyler Hallada 2018-02-18 21:46:36 -05:00
parent b9495246c5
commit 04f8454923
10 changed files with 31 additions and 211 deletions

View File

@ -1053,6 +1053,19 @@ html:not([dir]) pre { /* Not a UA sheet, so doesn't use :has-dir-attr */
*|*:any-link {
cursor: pointer;
text-decoration: underline;
}
*|*:visited {
color: rgb(85, 26, 139);
color: -moz-visitedhyperlinktext;
color: -webkit-link;
}
*|*:link {
color: rgb(0, 0, 238);
color: -moz-hyperlinktext;
color: -webkit-link;
}
*|*:any-link:focusring {
@ -2441,208 +2454,3 @@ input[type="time"] {
:autofill-preview {
color: GrayText;
}
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
@namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */
/* Quirk: make orphaned LIs have inside bullet (b=1049) */
/* force inside position for orphaned lis */
li {
list-style-position: inside;
}
/* restore outside position for lists inside LIs */
li ul, li ol, li dir, li menu {
list-style-position: outside;
}
/* undo previous two rules for properly nested lists */
ul ul, ul ol, ul dir, ul menu, ul li,
ol ul, ol ol, ol dir, ol menu, ol li,
dir ul, dir ol, dir dir, dir menu, dir li,
menu ul, menu ol, menu dir, menu menu, menu li {
list-style-position: inherit;
}
/* Quirk: ensure that we get proper padding if the very first
* node in an LI is another UL or OL. This is an ugly way to
* fix the problem, because it extends the LI up into what
* would otherwise appear to be the ULs space. (b=38832) */
/* Note: this fix will fail once we implement marker box
* alignment correctly. */
li > ul:first-node,
li > ol:first-node {
padding-block-start: 1em;
}
table {
text-align: start;
white-space: normal; /* compatible with IE & spec */
line-height: normal;
/* Quirk: cut off all font inheritance in tables except for family. */
font-size: initial;
font-weight: initial;
font-style: initial;
font-variant: initial;
}
/*
* Make table borders gray for compatibility with what other browsers do
* in all modes, rather than using the foreground color.
*/
table, td, th, tr, thead, tbody, tfoot, colgroup, col {
border-color: gray;
}
/* Quirk: collapse top margin of BODY and TD and bottom margin of TD */
/*
* While it may seem simpler to use :first-node and :last-node without
* tags, it's slower, since we have to do the :first-node or :last-node
* check on every single element in the document. If we list all the
* element names for which the UA stylesheet specifies a margin, the
* selectors will be hashed in the RuleHash and things will be much more
* efficient.
*/
body > p:first-node, td > p:first-node, th > p:first-node,
body > dl:first-node, td > dl:first-node, th > dl:first-node,
body > multicol:first-node, td > multicol:first-node, th > multicol:first-node,
body > blockquote:first-node, td > blockquote:first-node, th > blockquote:first-node,
body > h1:first-node, td > h1:first-node, th > h1:first-node,
body > h2:first-node, td > h2:first-node, th > h2:first-node,
body > h3:first-node, td > h3:first-node, th > h3:first-node,
body > h4:first-node, td > h4:first-node, th > h4:first-node,
body > h5:first-node, td > h5:first-node, th > h5:first-node,
body > h6:first-node, td > h6:first-node, th > h6:first-node,
body > listing:first-node, td > listing:first-node, th > listing:first-node,
body > plaintext:first-node, td > plaintext:first-node, th > plaintext:first-node,
body > xmp:first-node, td > xmp:first-node, th > xmp:first-node,
body > pre:first-node, td > pre:first-node, th > pre:first-node,
body > ul:first-node, td > ul:first-node, th > ul:first-node,
body > menu:first-node, td > menu:first-node, th > menu:first-node,
body > dir:first-node, td > dir:first-node, th > dir:first-node,
body > ol:first-node, td > ol:first-node, th > ol:first-node {
margin-block-start: 0;
}
td > p:last-node, th > p:last-node {
margin-block-end: 0;
}
/* Similar as above, but for empty elements
* collapse the bottom or top margins of empty elements
* - see bug 97361
*/
body > p:only-whitespace:first-node,
td > p:only-whitespace:first-node, th > p:only-whitespace:first-node,
body > dl:only-whitespace:first-node, td > dl:only-whitespace:first-node,
th > dl:only-whitespace:first-node, body > multicol:only-whitespace:first-node,
td > multicol:only-whitespace:first-node, th > multicol:only-whitespace:first-node,
body > blockquote:only-whitespace:first-node, td > blockquote:only-whitespace:first-node,
th > blockquote:only-whitespace:first-node, body > h1:only-whitespace:first-node,
td > h1:only-whitespace:first-node, th > h1:only-whitespace:first-node,
body > h2:only-whitespace:first-node, td > h2:only-whitespace:first-node,
th > h2:only-whitespace:first-node, body > h3:only-whitespace:first-node,
td > h3:only-whitespace:first-node, th > h3:only-whitespace:first-node,
body > h4:only-whitespace:first-node, td > h4:only-whitespace:first-node,
th > h4:only-whitespace:first-node, body > h5:only-whitespace:first-node,
td > h5:only-whitespace:first-node, th > h5:only-whitespace:first-node,
body > h6:only-whitespace:first-node, td > h6:only-whitespace:first-node,
th > h6:only-whitespace:first-node, body > listing:only-whitespace:first-node,
td > listing:only-whitespace:first-node, th > listing:only-whitespace:first-node,
body > plaintext:only-whitespace:first-node, td > plaintext:only-whitespace:first-node,
th > plaintext:only-whitespace:first-node, body > xmp:only-whitespace:first-node,
td > xmp:only-whitespace:first-node, th > xmp:only-whitespace:first-node,
body > pre:only-whitespace:first-node, td > pre:only-whitespace:first-node,
th > pre:only-whitespace:first-node, body > ul:only-whitespace:first-node,
td > ul:only-whitespace:first-node, th > ul:only-whitespace:first-node,
body > menu:only-whitespace:first-node, td > menu:only-whitespace:first-node,
th > menu:only-whitespace:first-node, body > dir:only-whitespace:first-node,
td > dir:only-whitespace:first-node, th > dir:only-whitespace:first-node,
body > ol:only-whitespace:first-node, td > ol:only-whitespace:first-node,
th > ol:only-whitespace:first-node {
margin-block-end: 0;
}
td > p:only-whitespace:last-node, th > p:only-whitespace:last-node,
td > dl:only-whitespace:last-node, th > dl:only-whitespace:last-node,
td > multicol:only-whitespace:last-node, th > multicol:only-whitespace:last-node,
td > blockquote:only-whitespace:last-node, th > blockquote:only-whitespace:last-node,
td > h1:only-whitespace:last-node, th > h1:only-whitespace:last-node,
td > h2:only-whitespace:last-node, th > h2:only-whitespace:last-node,
td > h3:only-whitespace:last-node, th > h3:only-whitespace:last-node,
td > h4:only-whitespace:last-node, th > h4:only-whitespace:last-node,
td > h5:only-whitespace:last-node, th > h5:only-whitespace:last-node,
td > h6:only-whitespace:last-node, th > h6:only-whitespace:last-node,
td > listing:only-whitespace:last-node, th > listing:only-whitespace:last-node,
td > plaintext:only-whitespace:last-node, th > plaintext:only-whitespace:last-node,
td > xmp:only-whitespace:last-node, th > xmp:only-whitespace:last-node,
td > pre:only-whitespace:last-node, th > pre:only-whitespace:last-node,
td > ul:only-whitespace:last-node, th > ul:only-whitespace:last-node,
td > menu:only-whitespace:last-node, th > menu:only-whitespace:last-node,
td > dir:only-whitespace:last-node, th > dir:only-whitespace:last-node,
td > ol:only-whitespace:last-node, th > ol:only-whitespace:last-node {
margin-block-start: 0;
}
/* Quirk: DD not in DL has text-indent instead of margin (b=5119) */
:not(dl) > dd {
display: inline;
margin: 0;
}
:not(dl) > dd:before {
display: inline;
white-space: pre;
font-size: 1px;
line-height: 0;
content: "\A ";
margin-inline-end: 40px;
}
/* quirk to indent nested DL elements (b=8749) */
dl > dl {
display: block;
margin-inline-start: 40px;
}
/* Quirk: Make floated images have a margin (b=58899) */
img[align=left]:dir(ltr), img[align=right]:dir(rtl) {
margin-inline-end: 3px;
}
img[align=right]:dir(ltr), img[align=left]:dir(rtl) {
margin-inline-start: 3px;
}
/*
* Quirk: Use border-box box sizing for text inputs, password inputs, and
* textareas. (b=184478 on why we use content-box sizing in standards mode)
*/
/* Note that all other <input>s already use border-box
sizing, so we're ok with this selector */
input:not([type=image]), textarea {
box-sizing: border-box;
}
/* Quirk: give form margin for compat (b=41806) */
form {
margin-block-end: 1em;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"version":3,"sources":["webpack:///webpack/bootstrap b0a4e0b87931c2419fb0","webpack:///./default.css?6b83"],"names":[],"mappings":";AAAA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA;;;;;;;AC7DA,yC","file":"default.min.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap b0a4e0b87931c2419fb0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./default.css\n// module id = 0\n// module chunks = 1"],"sourceRoot":""}
{"version":3,"sources":["webpack:///webpack/bootstrap 2ec211c58c4a4ca7895e","webpack:///./default.css?6b83"],"names":[],"mappings":";AAAA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA;;;;;;;AC7DA,yC","file":"default.min.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 2ec211c58c4a4ca7895e","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./default.css\n// module id = 0\n// module chunks = 1"],"sourceRoot":""}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"version":3,"sources":["webpack:///webpack/bootstrap b0a4e0b87931c2419fb0","webpack:///./example/example.scss?4e7f"],"names":[],"mappings":";AAAA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA;;;;;;;;AC7DA,yC","file":"example.min.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap b0a4e0b87931c2419fb0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./example/example.scss\n// module id = 1\n// module chunks = 0"],"sourceRoot":""}
{"version":3,"sources":["webpack:///webpack/bootstrap 2ec211c58c4a4ca7895e","webpack:///./example/example.scss?4e7f"],"names":[],"mappings":";AAAA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA;;;;;;;;AC7DA,yC","file":"example.min.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 2ec211c58c4a4ca7895e","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./example/example.scss\n// module id = 1\n// module chunks = 0"],"sourceRoot":""}

10
package-lock.json generated
View File

@ -5553,6 +5553,16 @@
}
}
},
"postcss-pseudo-class-any-link": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-4.0.0.tgz",
"integrity": "sha1-kVKgYT00UHIFE+iJKFS65C0O5o4=",
"dev": true,
"requires": {
"postcss": "6.0.19",
"postcss-selector-parser": "2.2.3"
}
},
"postcss-reduce-idents": {
"version": "2.4.0",
"resolved": "https://registry.npmjs.org/postcss-reduce-idents/-/postcss-reduce-idents-2.4.0.tgz",

View File

@ -40,6 +40,7 @@
"postcss-initial": "^2.0.0",
"postcss-loader": "^2.1.0",
"postcss-prepend-selector": "^0.3.1",
"postcss-pseudo-class-any-link": "^4.0.0",
"sass-loader": "^6.0.6",
"style-loader": "^0.20.2",
"webpack": "^3.11.0"

View File

@ -36,6 +36,7 @@ module.exports = {
/* eslint-disable global-require */
require('autoprefixer'),
require('./matches-prefixer.js'),
require('postcss-pseudo-class-any-link'),
require('postcss-initial')(),
require('postcss-prepend-selector')({ selector: '#embedded.embedded ' }),
/* eslint-enable global-require */