devtools/client/inspector/rules/test/doc_variables_3.html
author Razvan Caliman <rcaliman@mozilla.com>
Tue, 12 Mar 2019 13:45:00 +0000
changeset 521550 5c4d90e31d8c92a7df69e63d7f0624df52fed79f
permissions -rw-r--r--
Bug 1534567 - Ensure inherited CSS variables are case sensitive; r=pbro Bug 1512634 introduced a case-insensitive check for CSS properties. This caused a regression whereby inherited CSS variables with mixed case were incorrectly unmatched when shown in the Rules view. To fix this, we do a strict check for CSS variables in CSSProperties front because they are case sensitive (--color and --COLOR are different CSS variables). See: https://www.w3.org/TR/css-variables-1/ > Unlike other CSS properties, custom property names are case-sensitive. Differential Revision: https://phabricator.services.mozilla.com/D23113

<!-- Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/ -->
<html style="--COLOR: green; --background: black">
<head>

  <style>
    div {
      background: var(--background);
      color: var(--COLOR);
    }
  </style>
</head>
<body>
  <div id="target">test</div>
</body>
</html>