Bug 1644688 - Simplify common.inc.css. r=dao
authorEmilio Cobos Álvarez <emilio@crisal.io>
Wed, 10 Jun 2020 12:41:23 +0000
changeset 598934 0edbbe70c420684f0ae9c70da93f8b68db3cba60
parent 598933 855b849ec0908d03cc5db0ecbf5bd4a9d1ced1d1
child 598935 04543b8ded5089fd04678057478ed96b28021ec1
push id13310
push userffxbld-merge
push dateMon, 29 Jun 2020 14:50:06 +0000
treeherdermozilla-beta@15a59a0afa5c [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao
bugs1644688
milestone79.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1644688 - Simplify common.inc.css. r=dao There's no default namespace in this stylesheet, so the *|* and *| are just useless. Differential Revision: https://phabricator.services.mozilla.com/D79077
toolkit/themes/shared/in-content/common.inc.css
--- a/toolkit/themes/shared/in-content/common.inc.css
+++ b/toolkit/themes/shared/in-content/common.inc.css
@@ -1,17 +1,17 @@
 %if 0
 /* 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/. */
 %endif
 @namespace html "http://www.w3.org/1999/xhtml";
 @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 
-*|*:root {
+:root {
   --in-content-page-color: #0c0c0d;
   --in-content-page-background: #f9f9fa;
   --in-content-text-color: var(--grey-90);
   --in-content-deemphasized-text: var(--grey-60);
   --in-content-selected-text: #fff;
   --in-content-box-background: #fff;
   --in-content-box-background-odd: rgba(12, 12, 13, 0.05); /* grey 90 a05 */
   --in-content-box-background-hover: #ededf0; /* grey 20 */
@@ -172,17 +172,17 @@ html|hr {
   border-color: var(--in-content-border-color);
 }
 
 html|h2 {
   font-weight: 600;
   line-height: 1.4em;
 }
 
-*|*.main-content {
+.main-content {
   padding: 40px 28px;
   overflow: auto;
 }
 
 /* tabpanels and tabs */
 
 xul|tabpanels {
   -moz-appearance: none;
@@ -223,17 +223,17 @@ xul|tab[selected] {
 
 html|button {
   padding: 3px;
   font: inherit;
 }
 
 /* xul buttons and menulists */
 
-*|button,
+button,
 html|select,
 html|input[type="color"],
 xul|menulist {
   -moz-appearance: none;
   min-height: 32px;
   /* !important overrides button.css for disabled and default XUL buttons: */
   color: inherit !important;
   border: 1px solid transparent; /* needed for high-contrast mode, where it'll show up */
@@ -254,17 +254,17 @@ html|button {
 }
 
 html|button::-moz-focus-inner,
 html|select::-moz-focus-inner,
 html|input[type="color"]::-moz-focus-inner {
   border: none;
 }
 
-*|button:-moz-focusring,
+button:-moz-focusring,
 html|select:-moz-focusring,
 html|input[type="checkbox"]:-moz-focusring,
 html|input[type="color"]:-moz-focusring,
 xul|menulist:-moz-focusring {
   outline: 2px solid var(--in-content-border-active);
   /* offset outline to align with 1px border-width set for buttons/menulists above. */
   outline-offset: -1px;
   /* Make outline-radius slightly bigger than the border-radius set above,
@@ -318,17 +318,17 @@ html|select:disabled,
 html|input[type="color"]:disabled,
 xul|button[disabled="true"],
 xul|menulist[disabled="true"] {
   opacity: 0.4;
 }
 
 html|button[autofocus],
 html|button[type="submit"],
-*|button.primary {
+button.primary {
   background-color: var(--in-content-primary-button-background);
   color: var(--in-content-selected-text) !important;
 }
 
 html|button[autofocus]:enabled:hover,
 html|button[type="submit"]:enabled:hover,
 html|button.primary:enabled:hover,
 xul|button.primary:not([disabled="true"]):hover {
@@ -649,31 +649,31 @@ xul|radio[disabled="true"] {
 
 xul|*.radio-label-box {
   margin-inline: -1px 8px; /* the negative margin-inline-start for the transparent border */
   padding-inline-start: 0;
 }
 
 /* Category List */
 
-*|*#categories {
+#categories {
   -moz-appearance: none;
   background-color: initial; /* override the background-color set on all richlistboxes in common.inc.css */
   margin: 70px 0 0;
   border-width: 0;
   width: var(--in-content-sidebar-width);
   box-shadow: none;
 }
 
 html|*#categories {
   box-sizing: border-box;
   padding: 1px;
 }
 
-*|*#categories > *|*.category {
+#categories > .category {
   min-height: 48px;
   -moz-appearance: none;
   margin-inline-start: 34px;
   padding-inline: 10px;
   transition: background-color 150ms;
 }
 
 html|*#categories > html|*.category {
@@ -690,68 +690,68 @@ html|*#categories > html|*.category {
   -moz-context-properties: fill, fill-opacity;
   fill: currentColor;
 }
 
 html|*#categories > html|*.category:dir(rtl) {
   background-position-x: right 10px;
 }
 
-*|*#categories > *|*.category:hover {
+#categories > .category:hover {
   background-color: var(--in-content-category-background-hover);
   border-radius: 2px;
 }
 
-*|*#categories > *|*.category:hover:active {
+#categories > .category:hover:active {
   background-color: var(--in-content-category-background-active);
 }
 
-*|*#categories > *|*.category[selected],
-*|*#categories > *|*.category.selected {
+#categories > .category[selected],
+#categories > .category.selected {
   color: var(--in-content-category-text-selected) !important;
   background-color: transparent;
 }
 
-*|*#categories > *|*.category[selected]:hover,
-*|*#categories > *|*.category.selected:hover {
+#categories > .category[selected]:hover,
+#categories > .category.selected:hover {
   background-color: var(--in-content-category-background-selected-hover);
 }
 
-*|*#categories > *|*.category[selected]:hover:active,
-*|*#categories > *|*.category.selected:hover:active {
+#categories > .category[selected]:hover:active,
+#categories > .category.selected:hover:active {
   color: var(--in-content-category-text-selected-active) !important;
   background-color: var(--in-content-category-background-selected-active);
 }
 
-*|*#categories[keyboard-navigation="true"]:-moz-focusring > *|*.category[current] {
+#categories[keyboard-navigation="true"]:-moz-focusring > .category[current] {
   outline: var(--in-content-category-outline-focus);
 }
 
 html|*#categories[last-input-type="mouse"] > html|button.category:-moz-focusring {
   outline: none;
   box-shadow: none;
 }
 
-*|*.category-name {
+.category-name {
   font-size: 1.07em;
   line-height: 1.4em;
   padding-inline-start: 9px;
   margin: 0;
   -moz-user-select: none;
 }
 
-*|*.category-icon {
+.category-icon {
   width: 24px;
   height: 24px;
   -moz-context-properties: fill, fill-opacity;
   fill: currentColor;
 }
 
-*|*.category[selected] > *|*.category-icon,
-*|*.category.selected > *|*.category-icon {
+.category[selected] > .category-icon,
+.category.selected > .category-icon {
   fill-opacity: 1;
 }
 
 @media (max-width: 830px) {
   :root {
     --in-content-sidebar-width: 118px;
   }
 
@@ -783,24 +783,24 @@ html|*#categories[last-input-type="mouse
 
   .pane-container {
     margin-inline-end: 10px;
   }
 }
 
 /* header */
 
-*|*.header {
+.header {
   margin-inline-end: 4px; /* add the 4px end-margin of other elements */
   margin-bottom: 15px;
   padding-bottom: 15px;
   -moz-box-align: baseline;
 }
 
-*|*.header-name {
+.header-name {
   font-size: 1.46em;
   font-weight: 300;
   line-height: 1.3em;
   margin: 0;
   -moz-user-select: none;
 }
 
 /* List boxes */