mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-17 23:35:34 +00:00
Bug 1631202 - Convert all uses of :-moz-any to :is in browser/ r=Gijs
Differential Revision: https://phabricator.services.mozilla.com/D90690
This commit is contained in:
parent
bbae7bbee6
commit
e28cf185f0
@ -490,13 +490,13 @@ toolbarpaletteitem[place="toolbar"] {
|
||||
#bookmarks-toolbar-placeholder,
|
||||
#bookmarks-toolbar-button,
|
||||
toolbarpaletteitem > #personal-bookmarks > #PlacesToolbar,
|
||||
#personal-bookmarks:-moz-any([overflowedItem=true], [cui-areatype="menu-panel"]) > #PlacesToolbar {
|
||||
#personal-bookmarks:is([overflowedItem=true], [cui-areatype="menu-panel"]) > #PlacesToolbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
toolbarpaletteitem[place="toolbar"] > #personal-bookmarks > #bookmarks-toolbar-placeholder,
|
||||
toolbarpaletteitem[place="palette"] > #personal-bookmarks > #bookmarks-toolbar-button,
|
||||
#personal-bookmarks:-moz-any([overflowedItem=true], [cui-areatype="menu-panel"]) > #bookmarks-toolbar-button {
|
||||
#personal-bookmarks:is([overflowedItem=true], [cui-areatype="menu-panel"]) > #bookmarks-toolbar-button {
|
||||
display: -moz-box;
|
||||
}
|
||||
|
||||
|
@ -1444,7 +1444,7 @@ var PanelView = class extends AssociatedToNode {
|
||||
// Non-hidden <label> or <description> elements that also aren't empty
|
||||
// and also don't have a value attribute can be multiline (if their
|
||||
// text content is long enough).
|
||||
let isMultiline = ":not(:-moz-any([hidden],[value],:empty))";
|
||||
let isMultiline = ":not(:is([hidden],[value],:empty))";
|
||||
let selector = [
|
||||
"description" + isMultiline,
|
||||
"label" + isMultiline,
|
||||
|
@ -43,54 +43,54 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
.download-state:not(:-moz-any([state="6"], /* Blocked (parental) */
|
||||
[state="8"], /* Blocked (dirty) */
|
||||
[state="9"]) /* Blocked (policy) */)
|
||||
.download-state:not(:is([state="6"], /* Blocked (parental) */
|
||||
[state="8"], /* Blocked (dirty) */
|
||||
[state="9"]) /* Blocked (policy) */)
|
||||
.downloadBlockedBadge,
|
||||
|
||||
.download-state:not(:-moz-any([state="-1"],/* Starting (initial) */
|
||||
[state="5"], /* Starting (queued) */
|
||||
[state="0"], /* Downloading */
|
||||
[state="4"], /* Paused */
|
||||
[state="7"]) /* Scanning */)
|
||||
.download-state:not(:is([state="-1"],/* Starting (initial) */
|
||||
[state="5"], /* Starting (queued) */
|
||||
[state="0"], /* Downloading */
|
||||
[state="4"], /* Paused */
|
||||
[state="7"]) /* Scanning */)
|
||||
.downloadProgress,
|
||||
|
||||
.download-state:not( [state="0"] /* Downloading */)
|
||||
.download-state:not( [state="0"] /* Downloading */)
|
||||
.downloadPauseMenuItem,
|
||||
|
||||
.download-state:not( [state="4"] /* Paused */)
|
||||
.download-state:not( [state="4"] /* Paused */)
|
||||
.downloadResumeMenuItem,
|
||||
|
||||
/* Blocked (dirty) downloads that have not been confirmed and
|
||||
have temporary data. */
|
||||
.download-state:not( [state="8"] /* Blocked (dirty) */)
|
||||
.download-state:not( [state="8"] /* Blocked (dirty) */)
|
||||
.downloadUnblockMenuItem,
|
||||
.download-state[state="8"]:not(.temporary-block)
|
||||
.downloadUnblockMenuItem,
|
||||
|
||||
.download-state:not(:-moz-any([state="1"], /* Finished */
|
||||
[state="2"], /* Failed */
|
||||
[state="3"], /* Canceled */
|
||||
[state="6"], /* Blocked (parental) */
|
||||
[state="8"], /* Blocked (dirty) */
|
||||
[state="9"]) /* Blocked (policy) */)
|
||||
.download-state:not(:is([state="1"], /* Finished */
|
||||
[state="2"], /* Failed */
|
||||
[state="3"], /* Canceled */
|
||||
[state="6"], /* Blocked (parental) */
|
||||
[state="8"], /* Blocked (dirty) */
|
||||
[state="9"]) /* Blocked (policy) */)
|
||||
.downloadRemoveFromHistoryMenuItem,
|
||||
|
||||
.download-state:not(:-moz-any([state="-1"],/* Starting (initial) */
|
||||
[state="0"], /* Downloading */
|
||||
[state="1"], /* Finished */
|
||||
[state="4"], /* Paused */
|
||||
[state="5"]) /* Starting (queued) */)
|
||||
.download-state:not(:is([state="-1"],/* Starting (initial) */
|
||||
[state="0"], /* Downloading */
|
||||
[state="1"], /* Finished */
|
||||
[state="4"], /* Paused */
|
||||
[state="5"]) /* Starting (queued) */)
|
||||
.downloadShowMenuItem,
|
||||
.download-state[state="1"]:not([exists])
|
||||
.downloadShowMenuItem,
|
||||
|
||||
.download-state:not(:-moz-any([state="-1"],/* Starting (initial) */
|
||||
[state="0"], /* Downloading */
|
||||
[state="1"], /* Finished */
|
||||
[state="4"], /* Paused */
|
||||
[state="5"], /* Starting (queued) */
|
||||
[state="8"]) /* Blocked (dirty) */)
|
||||
.download-state:not(:is([state="-1"],/* Starting (initial) */
|
||||
[state="0"], /* Downloading */
|
||||
[state="1"], /* Finished */
|
||||
[state="4"], /* Paused */
|
||||
[state="5"], /* Starting (queued) */
|
||||
[state="8"]) /* Blocked (dirty) */)
|
||||
.downloadCommandsSeparator,
|
||||
.download-state[state="1"]:not([exists])
|
||||
.downloadCommandsSeparator,
|
||||
@ -102,24 +102,23 @@
|
||||
.download-state:not([viewable-internally]) .downloadUseSystemDefaultMenuItem,
|
||||
.download-state .downloadUseSystemDefaultMenuItem:not([enabled]),
|
||||
.download-state .downloadAlwaysUseSystemDefaultMenuItem:not([enabled]),
|
||||
.download-state:not([viewable-internally]) .downloadAlwaysUseSystemDefaultMenuItem
|
||||
{
|
||||
.download-state:not([viewable-internally]) .downloadAlwaysUseSystemDefaultMenuItem {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*** Visibility of download button labels ***/
|
||||
|
||||
.download-state:not(:-moz-any([state="-1"],/* Starting (initial) */
|
||||
[state="5"], /* Starting (queued) */
|
||||
[state="0"], /* Downloading */
|
||||
[state="4"]) /* Paused */)
|
||||
.download-state:not(:is([state="-1"],/* Starting (initial) */
|
||||
[state="5"], /* Starting (queued) */
|
||||
[state="0"], /* Downloading */
|
||||
[state="4"]) /* Paused */)
|
||||
.downloadCancel,
|
||||
|
||||
.download-state:not(:-moz-any([state="2"], /* Failed */
|
||||
[state="3"]) /* Canceled */)
|
||||
.download-state:not(:is([state="2"], /* Failed */
|
||||
[state="3"]) /* Canceled */)
|
||||
.downloadRetry,
|
||||
|
||||
.download-state:not( [state="1"] /* Finished */)
|
||||
.download-state:not( [state="1"] /* Finished */)
|
||||
.downloadShow
|
||||
{
|
||||
display: none;
|
||||
@ -157,7 +156,7 @@
|
||||
.subviewbutton.download:not(:hover) > .toolbarbutton-text > .status-full,
|
||||
/* When a Download is hovered when the file doesn't exist and cannot be retried,
|
||||
keep showing the full status message. */
|
||||
.subviewbutton.download:hover:-moz-any(:not([canShow]),:not([exists])):not([canRetry]) > .toolbarbutton-text > .status-full,
|
||||
.subviewbutton.download:hover:is(:not([canShow]),:not([exists])):not([canRetry]) > .toolbarbutton-text > .status-full,
|
||||
/* When a Download is hovered and the it can be retried, but the action button
|
||||
is _not_ hovered, keep showing the full status message. */
|
||||
.subviewbutton.download:hover[canRetry]:not(.downloadHoveringButton) > .toolbarbutton-text > .status-full,
|
||||
|
@ -35,7 +35,7 @@
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
||||
&:-moz-any(.active, :focus) {
|
||||
&:is(.active, :focus) {
|
||||
.card {
|
||||
@include fade-in-card;
|
||||
}
|
||||
@ -46,7 +46,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
&:-moz-any(:hover, :focus, .active):not(.placeholder) {
|
||||
&:is(:hover, :focus, .active):not(.placeholder) {
|
||||
@include fade-in-card;
|
||||
@include context-menu-button-hover;
|
||||
outline: none;
|
||||
|
@ -65,7 +65,7 @@
|
||||
transition-property: opacity;
|
||||
width: $context-menu-button-size;
|
||||
|
||||
&:-moz-any(:active, :focus, :hover) {
|
||||
&:is(:active, :focus, :hover) {
|
||||
fill: var(--newtab-section-header-text-color);
|
||||
opacity: 1;
|
||||
}
|
||||
|
@ -37,7 +37,7 @@
|
||||
padding: $context-menu-item-padding;
|
||||
white-space: nowrap;
|
||||
|
||||
&:-moz-any(:focus, :hover) {
|
||||
&:is(:focus, :hover) {
|
||||
background: var(--newtab-element-hover-color);
|
||||
}
|
||||
|
||||
|
@ -62,7 +62,7 @@ $ds-width: 936px;
|
||||
color: var(--newtab-link-primary-color);
|
||||
font-weight: normal;
|
||||
|
||||
&:-moz-any(:focus, :hover) {
|
||||
&:is(:focus, :hover) {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
@ -22,7 +22,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
&:-moz-any(:hover, :focus, .active) {
|
||||
&:is(:hover, :focus, .active) {
|
||||
@include context-menu-button-hover;
|
||||
outline: none;
|
||||
|
||||
|
@ -7,7 +7,7 @@ $top-sites-vertical-space-with-spoc: 20px;
|
||||
.top-site-outer {
|
||||
padding: 0 12px;
|
||||
|
||||
.top-site-inner > a:-moz-any(.active, :focus) .tile {
|
||||
.top-site-inner > a:is(.active, :focus) .tile {
|
||||
@include ds-fade-in;
|
||||
|
||||
@include dark-theme-only {
|
||||
@ -15,7 +15,7 @@ $top-sites-vertical-space-with-spoc: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.top-site-inner > a:-moz-any(:hover) .tile {
|
||||
.top-site-inner > a:is(:hover) .tile {
|
||||
@include ds-fade-in($grey-30);
|
||||
|
||||
@include dark-theme-only {
|
||||
|
@ -95,7 +95,7 @@ $hover-transition-duration: 150ms;
|
||||
}
|
||||
|
||||
&:not(.dnd-active) {
|
||||
.top-site-outer:-moz-any(.active, :focus, :hover) {
|
||||
.top-site-outer:is(.active, :focus, :hover) {
|
||||
.tile {
|
||||
@include fade-in;
|
||||
}
|
||||
@ -119,7 +119,7 @@ $hover-transition-duration: 150ms;
|
||||
display: block;
|
||||
outline: none;
|
||||
|
||||
&:-moz-any(.active, :focus) {
|
||||
&:is(.active, :focus) {
|
||||
.tile {
|
||||
@include fade-in;
|
||||
}
|
||||
|
@ -195,7 +195,7 @@ $textbox-shadow-size: 4px;
|
||||
transition-property: transform, opacity;
|
||||
width: $context-menu-button-size;
|
||||
|
||||
&:-moz-any(:active, :focus) {
|
||||
&:is(:active, :focus) {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
@ -537,10 +537,10 @@ main {
|
||||
display: inline-block; } }
|
||||
.top-sites-list li {
|
||||
margin: 0 0 8px; }
|
||||
.top-sites-list:not(.dnd-active) .top-site-outer:-moz-any(.active, :focus, :hover) .tile {
|
||||
.top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) .tile {
|
||||
box-shadow: inset 0 0 0 1px var(--newtab-inner-box-shadow-color), 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms; }
|
||||
.top-sites-list:not(.dnd-active) .top-site-outer:-moz-any(.active, :focus, :hover) .context-menu-button {
|
||||
.top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) .context-menu-button {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition-delay: 333ms; }
|
||||
@ -554,7 +554,7 @@ main {
|
||||
color: inherit;
|
||||
display: block;
|
||||
outline: none; }
|
||||
.top-site-outer .top-site-inner > a:-moz-any(.active, :focus) .tile {
|
||||
.top-site-outer .top-site-inner > a:is(.active, :focus) .tile {
|
||||
box-shadow: inset 0 0 0 1px var(--newtab-inner-box-shadow-color), 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms; }
|
||||
.top-site-outer .context-menu-button {
|
||||
@ -576,7 +576,7 @@ main {
|
||||
transition-duration: 150ms;
|
||||
transition-property: transform, opacity;
|
||||
width: 27px; }
|
||||
.top-site-outer .context-menu-button:-moz-any(:active, :focus) {
|
||||
.top-site-outer .context-menu-button:is(:active, :focus) {
|
||||
opacity: 1;
|
||||
transform: scale(1); }
|
||||
.top-site-outer .tile {
|
||||
@ -1293,8 +1293,8 @@ main {
|
||||
border: 0;
|
||||
padding: 3px 12px;
|
||||
white-space: nowrap; }
|
||||
.context-menu > ul > li > a:-moz-any(:focus, :hover),
|
||||
.context-menu > ul > li > button:-moz-any(:focus, :hover) {
|
||||
.context-menu > ul > li > a:is(:focus, :hover),
|
||||
.context-menu > ul > li > button:is(:focus, :hover) {
|
||||
background: var(--newtab-element-hover-color); }
|
||||
.context-menu > ul > li > a:active,
|
||||
.context-menu > ul > li > button:active {
|
||||
@ -1385,7 +1385,7 @@ main {
|
||||
transition-duration: 150ms;
|
||||
transition-property: transform, opacity;
|
||||
width: 27px; }
|
||||
.card-outer .context-menu-button:-moz-any(:active, :focus) {
|
||||
.card-outer .context-menu-button:is(:active, :focus) {
|
||||
opacity: 1;
|
||||
transform: scale(1); }
|
||||
.card-outer.placeholder {
|
||||
@ -1406,24 +1406,24 @@ main {
|
||||
outline: none;
|
||||
position: absolute;
|
||||
width: 100%; }
|
||||
.card-outer > a:-moz-any(.active, :focus) .card {
|
||||
.card-outer > a:is(.active, :focus) .card {
|
||||
box-shadow: 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms; }
|
||||
.card-outer > a:-moz-any(.active, :focus) .card-title {
|
||||
.card-outer > a:is(.active, :focus) .card-title {
|
||||
color: var(--newtab-link-primary-color); }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) {
|
||||
box-shadow: 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms;
|
||||
outline: none; }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) .context-menu-button {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) .context-menu-button {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition-delay: 333ms; }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) .card-title {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
|
||||
color: var(--newtab-link-primary-color); }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) .alternate ~ .card-host-name {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) .alternate ~ .card-host-name {
|
||||
display: none; }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) .card-host-name.alternate {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-host-name.alternate {
|
||||
display: block; }
|
||||
.card-outer .card-preview-image-outer {
|
||||
background-color: #D7D7DB;
|
||||
@ -1631,7 +1631,7 @@ main {
|
||||
transition-duration: 200ms;
|
||||
transition-property: opacity;
|
||||
width: 27px; }
|
||||
.collapsible-section .section-top-bar .context-menu-button:-moz-any(:active, :focus, :hover) {
|
||||
.collapsible-section .section-top-bar .context-menu-button:is(:active, :focus, :hover) {
|
||||
fill: var(--newtab-section-header-text-color);
|
||||
opacity: 1; }
|
||||
.collapsible-section .section-top-bar .context-menu {
|
||||
@ -1958,7 +1958,7 @@ main {
|
||||
.collapsible-section.ds-layout .section-top-bar .learn-more-link a {
|
||||
color: var(--newtab-link-primary-color);
|
||||
font-weight: normal; }
|
||||
.collapsible-section.ds-layout .section-top-bar .learn-more-link a:-moz-any(:focus, :hover) {
|
||||
.collapsible-section.ds-layout .section-top-bar .learn-more-link a:is(:focus, :hover) {
|
||||
text-decoration: underline; }
|
||||
|
||||
.ds-card-grid {
|
||||
@ -2625,22 +2625,22 @@ main {
|
||||
|
||||
.ds-top-sites .top-sites .top-site-outer {
|
||||
padding: 0 12px; }
|
||||
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:-moz-any(.active, :focus) .tile {
|
||||
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(.active, :focus) .tile {
|
||||
box-shadow: 0 0 0 5px rgba(10, 132, 255, 0.3);
|
||||
transition: box-shadow 150ms;
|
||||
border-radius: 4px;
|
||||
outline: none; }
|
||||
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:-moz-any(.active, :focus) .tile {
|
||||
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(.active, :focus) .tile {
|
||||
box-shadow: 0 0 0 5px rgba(69, 161, 255, 0.4);
|
||||
transition: box-shadow 150ms;
|
||||
border-radius: 4px;
|
||||
outline: none; }
|
||||
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:-moz-any(:hover) .tile {
|
||||
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(:hover) .tile {
|
||||
box-shadow: 0 0 0 5px #D7D7DB;
|
||||
transition: box-shadow 150ms;
|
||||
border-radius: 4px;
|
||||
outline: none; }
|
||||
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:-moz-any(:hover) .tile {
|
||||
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(:hover) .tile {
|
||||
box-shadow: 0 0 0 5px #4A4A4F;
|
||||
transition: box-shadow 150ms;
|
||||
border-radius: 4px;
|
||||
@ -2745,10 +2745,10 @@ main {
|
||||
transition-duration: 150ms;
|
||||
transition-property: transform, opacity;
|
||||
width: 27px; }
|
||||
.ds-hero-item .context-menu-button:-moz-any(:active, :focus),
|
||||
.ds-list-item .context-menu-button:-moz-any(:active, :focus),
|
||||
.ds-card .context-menu-button:-moz-any(:active, :focus),
|
||||
.ds-signup .context-menu-button:-moz-any(:active, :focus) {
|
||||
.ds-hero-item .context-menu-button:is(:active, :focus),
|
||||
.ds-list-item .context-menu-button:is(:active, :focus),
|
||||
.ds-card .context-menu-button:is(:active, :focus),
|
||||
.ds-signup .context-menu-button:is(:active, :focus) {
|
||||
opacity: 1;
|
||||
transform: scale(1); }
|
||||
|
||||
@ -2779,22 +2779,22 @@ main {
|
||||
.ds-signup.last-item .context-menu {
|
||||
opacity: 1; }
|
||||
|
||||
.ds-hero-item:-moz-any(:hover, :focus, .active),
|
||||
.ds-list-item:-moz-any(:hover, :focus, .active),
|
||||
.ds-card:-moz-any(:hover, :focus, .active),
|
||||
.ds-signup:-moz-any(:hover, :focus, .active) {
|
||||
.ds-hero-item:is(:hover, :focus, .active),
|
||||
.ds-list-item:is(:hover, :focus, .active),
|
||||
.ds-card:is(:hover, :focus, .active),
|
||||
.ds-signup:is(:hover, :focus, .active) {
|
||||
outline: none; }
|
||||
.ds-hero-item:-moz-any(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-list-item:-moz-any(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-card:-moz-any(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-signup:-moz-any(:hover, :focus, .active) .context-menu-button {
|
||||
.ds-hero-item:is(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-list-item:is(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-card:is(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-signup:is(:hover, :focus, .active) .context-menu-button {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition-delay: 333ms; }
|
||||
.ds-hero-item:-moz-any(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-list-item:-moz-any(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-card:-moz-any(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-signup:-moz-any(:hover, :focus, .active).ds-card-grid-border {
|
||||
.ds-hero-item:is(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-list-item:is(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-card:is(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-signup:is(:hover, :focus, .active).ds-card-grid-border {
|
||||
box-shadow: 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms; }
|
||||
|
||||
|
@ -540,10 +540,10 @@ main {
|
||||
display: inline-block; } }
|
||||
.top-sites-list li {
|
||||
margin: 0 0 8px; }
|
||||
.top-sites-list:not(.dnd-active) .top-site-outer:-moz-any(.active, :focus, :hover) .tile {
|
||||
.top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) .tile {
|
||||
box-shadow: inset 0 0 0 1px var(--newtab-inner-box-shadow-color), 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms; }
|
||||
.top-sites-list:not(.dnd-active) .top-site-outer:-moz-any(.active, :focus, :hover) .context-menu-button {
|
||||
.top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) .context-menu-button {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition-delay: 333ms; }
|
||||
@ -557,7 +557,7 @@ main {
|
||||
color: inherit;
|
||||
display: block;
|
||||
outline: none; }
|
||||
.top-site-outer .top-site-inner > a:-moz-any(.active, :focus) .tile {
|
||||
.top-site-outer .top-site-inner > a:is(.active, :focus) .tile {
|
||||
box-shadow: inset 0 0 0 1px var(--newtab-inner-box-shadow-color), 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms; }
|
||||
.top-site-outer .context-menu-button {
|
||||
@ -579,7 +579,7 @@ main {
|
||||
transition-duration: 150ms;
|
||||
transition-property: transform, opacity;
|
||||
width: 27px; }
|
||||
.top-site-outer .context-menu-button:-moz-any(:active, :focus) {
|
||||
.top-site-outer .context-menu-button:is(:active, :focus) {
|
||||
opacity: 1;
|
||||
transform: scale(1); }
|
||||
.top-site-outer .tile {
|
||||
@ -1296,8 +1296,8 @@ main {
|
||||
border: 0;
|
||||
padding: 3px 12px;
|
||||
white-space: nowrap; }
|
||||
.context-menu > ul > li > a:-moz-any(:focus, :hover),
|
||||
.context-menu > ul > li > button:-moz-any(:focus, :hover) {
|
||||
.context-menu > ul > li > a:is(:focus, :hover),
|
||||
.context-menu > ul > li > button:is(:focus, :hover) {
|
||||
background: var(--newtab-element-hover-color); }
|
||||
.context-menu > ul > li > a:active,
|
||||
.context-menu > ul > li > button:active {
|
||||
@ -1388,7 +1388,7 @@ main {
|
||||
transition-duration: 150ms;
|
||||
transition-property: transform, opacity;
|
||||
width: 27px; }
|
||||
.card-outer .context-menu-button:-moz-any(:active, :focus) {
|
||||
.card-outer .context-menu-button:is(:active, :focus) {
|
||||
opacity: 1;
|
||||
transform: scale(1); }
|
||||
.card-outer.placeholder {
|
||||
@ -1409,24 +1409,24 @@ main {
|
||||
outline: none;
|
||||
position: absolute;
|
||||
width: 100%; }
|
||||
.card-outer > a:-moz-any(.active, :focus) .card {
|
||||
.card-outer > a:is(.active, :focus) .card {
|
||||
box-shadow: 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms; }
|
||||
.card-outer > a:-moz-any(.active, :focus) .card-title {
|
||||
.card-outer > a:is(.active, :focus) .card-title {
|
||||
color: var(--newtab-link-primary-color); }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) {
|
||||
box-shadow: 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms;
|
||||
outline: none; }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) .context-menu-button {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) .context-menu-button {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition-delay: 333ms; }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) .card-title {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
|
||||
color: var(--newtab-link-primary-color); }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) .alternate ~ .card-host-name {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) .alternate ~ .card-host-name {
|
||||
display: none; }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) .card-host-name.alternate {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-host-name.alternate {
|
||||
display: block; }
|
||||
.card-outer .card-preview-image-outer {
|
||||
background-color: #D7D7DB;
|
||||
@ -1634,7 +1634,7 @@ main {
|
||||
transition-duration: 200ms;
|
||||
transition-property: opacity;
|
||||
width: 27px; }
|
||||
.collapsible-section .section-top-bar .context-menu-button:-moz-any(:active, :focus, :hover) {
|
||||
.collapsible-section .section-top-bar .context-menu-button:is(:active, :focus, :hover) {
|
||||
fill: var(--newtab-section-header-text-color);
|
||||
opacity: 1; }
|
||||
.collapsible-section .section-top-bar .context-menu {
|
||||
@ -1961,7 +1961,7 @@ main {
|
||||
.collapsible-section.ds-layout .section-top-bar .learn-more-link a {
|
||||
color: var(--newtab-link-primary-color);
|
||||
font-weight: normal; }
|
||||
.collapsible-section.ds-layout .section-top-bar .learn-more-link a:-moz-any(:focus, :hover) {
|
||||
.collapsible-section.ds-layout .section-top-bar .learn-more-link a:is(:focus, :hover) {
|
||||
text-decoration: underline; }
|
||||
|
||||
.ds-card-grid {
|
||||
@ -2628,22 +2628,22 @@ main {
|
||||
|
||||
.ds-top-sites .top-sites .top-site-outer {
|
||||
padding: 0 12px; }
|
||||
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:-moz-any(.active, :focus) .tile {
|
||||
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(.active, :focus) .tile {
|
||||
box-shadow: 0 0 0 5px rgba(10, 132, 255, 0.3);
|
||||
transition: box-shadow 150ms;
|
||||
border-radius: 4px;
|
||||
outline: none; }
|
||||
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:-moz-any(.active, :focus) .tile {
|
||||
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(.active, :focus) .tile {
|
||||
box-shadow: 0 0 0 5px rgba(69, 161, 255, 0.4);
|
||||
transition: box-shadow 150ms;
|
||||
border-radius: 4px;
|
||||
outline: none; }
|
||||
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:-moz-any(:hover) .tile {
|
||||
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(:hover) .tile {
|
||||
box-shadow: 0 0 0 5px #D7D7DB;
|
||||
transition: box-shadow 150ms;
|
||||
border-radius: 4px;
|
||||
outline: none; }
|
||||
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:-moz-any(:hover) .tile {
|
||||
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(:hover) .tile {
|
||||
box-shadow: 0 0 0 5px #4A4A4F;
|
||||
transition: box-shadow 150ms;
|
||||
border-radius: 4px;
|
||||
@ -2748,10 +2748,10 @@ main {
|
||||
transition-duration: 150ms;
|
||||
transition-property: transform, opacity;
|
||||
width: 27px; }
|
||||
.ds-hero-item .context-menu-button:-moz-any(:active, :focus),
|
||||
.ds-list-item .context-menu-button:-moz-any(:active, :focus),
|
||||
.ds-card .context-menu-button:-moz-any(:active, :focus),
|
||||
.ds-signup .context-menu-button:-moz-any(:active, :focus) {
|
||||
.ds-hero-item .context-menu-button:is(:active, :focus),
|
||||
.ds-list-item .context-menu-button:is(:active, :focus),
|
||||
.ds-card .context-menu-button:is(:active, :focus),
|
||||
.ds-signup .context-menu-button:is(:active, :focus) {
|
||||
opacity: 1;
|
||||
transform: scale(1); }
|
||||
|
||||
@ -2782,22 +2782,22 @@ main {
|
||||
.ds-signup.last-item .context-menu {
|
||||
opacity: 1; }
|
||||
|
||||
.ds-hero-item:-moz-any(:hover, :focus, .active),
|
||||
.ds-list-item:-moz-any(:hover, :focus, .active),
|
||||
.ds-card:-moz-any(:hover, :focus, .active),
|
||||
.ds-signup:-moz-any(:hover, :focus, .active) {
|
||||
.ds-hero-item:is(:hover, :focus, .active),
|
||||
.ds-list-item:is(:hover, :focus, .active),
|
||||
.ds-card:is(:hover, :focus, .active),
|
||||
.ds-signup:is(:hover, :focus, .active) {
|
||||
outline: none; }
|
||||
.ds-hero-item:-moz-any(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-list-item:-moz-any(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-card:-moz-any(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-signup:-moz-any(:hover, :focus, .active) .context-menu-button {
|
||||
.ds-hero-item:is(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-list-item:is(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-card:is(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-signup:is(:hover, :focus, .active) .context-menu-button {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition-delay: 333ms; }
|
||||
.ds-hero-item:-moz-any(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-list-item:-moz-any(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-card:-moz-any(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-signup:-moz-any(:hover, :focus, .active).ds-card-grid-border {
|
||||
.ds-hero-item:is(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-list-item:is(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-card:is(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-signup:is(:hover, :focus, .active).ds-card-grid-border {
|
||||
box-shadow: 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms; }
|
||||
|
||||
|
@ -537,10 +537,10 @@ main {
|
||||
display: inline-block; } }
|
||||
.top-sites-list li {
|
||||
margin: 0 0 8px; }
|
||||
.top-sites-list:not(.dnd-active) .top-site-outer:-moz-any(.active, :focus, :hover) .tile {
|
||||
.top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) .tile {
|
||||
box-shadow: inset 0 0 0 1px var(--newtab-inner-box-shadow-color), 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms; }
|
||||
.top-sites-list:not(.dnd-active) .top-site-outer:-moz-any(.active, :focus, :hover) .context-menu-button {
|
||||
.top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) .context-menu-button {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition-delay: 333ms; }
|
||||
@ -554,7 +554,7 @@ main {
|
||||
color: inherit;
|
||||
display: block;
|
||||
outline: none; }
|
||||
.top-site-outer .top-site-inner > a:-moz-any(.active, :focus) .tile {
|
||||
.top-site-outer .top-site-inner > a:is(.active, :focus) .tile {
|
||||
box-shadow: inset 0 0 0 1px var(--newtab-inner-box-shadow-color), 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms; }
|
||||
.top-site-outer .context-menu-button {
|
||||
@ -576,7 +576,7 @@ main {
|
||||
transition-duration: 150ms;
|
||||
transition-property: transform, opacity;
|
||||
width: 27px; }
|
||||
.top-site-outer .context-menu-button:-moz-any(:active, :focus) {
|
||||
.top-site-outer .context-menu-button:is(:active, :focus) {
|
||||
opacity: 1;
|
||||
transform: scale(1); }
|
||||
.top-site-outer .tile {
|
||||
@ -1293,8 +1293,8 @@ main {
|
||||
border: 0;
|
||||
padding: 3px 12px;
|
||||
white-space: nowrap; }
|
||||
.context-menu > ul > li > a:-moz-any(:focus, :hover),
|
||||
.context-menu > ul > li > button:-moz-any(:focus, :hover) {
|
||||
.context-menu > ul > li > a:is(:focus, :hover),
|
||||
.context-menu > ul > li > button:is(:focus, :hover) {
|
||||
background: var(--newtab-element-hover-color); }
|
||||
.context-menu > ul > li > a:active,
|
||||
.context-menu > ul > li > button:active {
|
||||
@ -1385,7 +1385,7 @@ main {
|
||||
transition-duration: 150ms;
|
||||
transition-property: transform, opacity;
|
||||
width: 27px; }
|
||||
.card-outer .context-menu-button:-moz-any(:active, :focus) {
|
||||
.card-outer .context-menu-button:is(:active, :focus) {
|
||||
opacity: 1;
|
||||
transform: scale(1); }
|
||||
.card-outer.placeholder {
|
||||
@ -1406,24 +1406,24 @@ main {
|
||||
outline: none;
|
||||
position: absolute;
|
||||
width: 100%; }
|
||||
.card-outer > a:-moz-any(.active, :focus) .card {
|
||||
.card-outer > a:is(.active, :focus) .card {
|
||||
box-shadow: 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms; }
|
||||
.card-outer > a:-moz-any(.active, :focus) .card-title {
|
||||
.card-outer > a:is(.active, :focus) .card-title {
|
||||
color: var(--newtab-link-primary-color); }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) {
|
||||
box-shadow: 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms;
|
||||
outline: none; }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) .context-menu-button {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) .context-menu-button {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition-delay: 333ms; }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) .card-title {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
|
||||
color: var(--newtab-link-primary-color); }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) .alternate ~ .card-host-name {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) .alternate ~ .card-host-name {
|
||||
display: none; }
|
||||
.card-outer:-moz-any(:hover, :focus, .active):not(.placeholder) .card-host-name.alternate {
|
||||
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-host-name.alternate {
|
||||
display: block; }
|
||||
.card-outer .card-preview-image-outer {
|
||||
background-color: #D7D7DB;
|
||||
@ -1631,7 +1631,7 @@ main {
|
||||
transition-duration: 200ms;
|
||||
transition-property: opacity;
|
||||
width: 27px; }
|
||||
.collapsible-section .section-top-bar .context-menu-button:-moz-any(:active, :focus, :hover) {
|
||||
.collapsible-section .section-top-bar .context-menu-button:is(:active, :focus, :hover) {
|
||||
fill: var(--newtab-section-header-text-color);
|
||||
opacity: 1; }
|
||||
.collapsible-section .section-top-bar .context-menu {
|
||||
@ -1958,7 +1958,7 @@ main {
|
||||
.collapsible-section.ds-layout .section-top-bar .learn-more-link a {
|
||||
color: var(--newtab-link-primary-color);
|
||||
font-weight: normal; }
|
||||
.collapsible-section.ds-layout .section-top-bar .learn-more-link a:-moz-any(:focus, :hover) {
|
||||
.collapsible-section.ds-layout .section-top-bar .learn-more-link a:is(:focus, :hover) {
|
||||
text-decoration: underline; }
|
||||
|
||||
.ds-card-grid {
|
||||
@ -2625,22 +2625,22 @@ main {
|
||||
|
||||
.ds-top-sites .top-sites .top-site-outer {
|
||||
padding: 0 12px; }
|
||||
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:-moz-any(.active, :focus) .tile {
|
||||
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(.active, :focus) .tile {
|
||||
box-shadow: 0 0 0 5px rgba(10, 132, 255, 0.3);
|
||||
transition: box-shadow 150ms;
|
||||
border-radius: 4px;
|
||||
outline: none; }
|
||||
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:-moz-any(.active, :focus) .tile {
|
||||
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(.active, :focus) .tile {
|
||||
box-shadow: 0 0 0 5px rgba(69, 161, 255, 0.4);
|
||||
transition: box-shadow 150ms;
|
||||
border-radius: 4px;
|
||||
outline: none; }
|
||||
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:-moz-any(:hover) .tile {
|
||||
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(:hover) .tile {
|
||||
box-shadow: 0 0 0 5px #D7D7DB;
|
||||
transition: box-shadow 150ms;
|
||||
border-radius: 4px;
|
||||
outline: none; }
|
||||
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:-moz-any(:hover) .tile {
|
||||
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(:hover) .tile {
|
||||
box-shadow: 0 0 0 5px #4A4A4F;
|
||||
transition: box-shadow 150ms;
|
||||
border-radius: 4px;
|
||||
@ -2745,10 +2745,10 @@ main {
|
||||
transition-duration: 150ms;
|
||||
transition-property: transform, opacity;
|
||||
width: 27px; }
|
||||
.ds-hero-item .context-menu-button:-moz-any(:active, :focus),
|
||||
.ds-list-item .context-menu-button:-moz-any(:active, :focus),
|
||||
.ds-card .context-menu-button:-moz-any(:active, :focus),
|
||||
.ds-signup .context-menu-button:-moz-any(:active, :focus) {
|
||||
.ds-hero-item .context-menu-button:is(:active, :focus),
|
||||
.ds-list-item .context-menu-button:is(:active, :focus),
|
||||
.ds-card .context-menu-button:is(:active, :focus),
|
||||
.ds-signup .context-menu-button:is(:active, :focus) {
|
||||
opacity: 1;
|
||||
transform: scale(1); }
|
||||
|
||||
@ -2779,22 +2779,22 @@ main {
|
||||
.ds-signup.last-item .context-menu {
|
||||
opacity: 1; }
|
||||
|
||||
.ds-hero-item:-moz-any(:hover, :focus, .active),
|
||||
.ds-list-item:-moz-any(:hover, :focus, .active),
|
||||
.ds-card:-moz-any(:hover, :focus, .active),
|
||||
.ds-signup:-moz-any(:hover, :focus, .active) {
|
||||
.ds-hero-item:is(:hover, :focus, .active),
|
||||
.ds-list-item:is(:hover, :focus, .active),
|
||||
.ds-card:is(:hover, :focus, .active),
|
||||
.ds-signup:is(:hover, :focus, .active) {
|
||||
outline: none; }
|
||||
.ds-hero-item:-moz-any(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-list-item:-moz-any(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-card:-moz-any(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-signup:-moz-any(:hover, :focus, .active) .context-menu-button {
|
||||
.ds-hero-item:is(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-list-item:is(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-card:is(:hover, :focus, .active) .context-menu-button,
|
||||
.ds-signup:is(:hover, :focus, .active) .context-menu-button {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition-delay: 333ms; }
|
||||
.ds-hero-item:-moz-any(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-list-item:-moz-any(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-card:-moz-any(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-signup:-moz-any(:hover, :focus, .active).ds-card-grid-border {
|
||||
.ds-hero-item:is(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-list-item:is(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-card:is(:hover, :focus, .active).ds-card-grid-border,
|
||||
.ds-signup:is(:hover, :focus, .active).ds-card-grid-border {
|
||||
box-shadow: 0 0 0 5px var(--newtab-card-active-outline-color);
|
||||
transition: box-shadow 150ms; }
|
||||
|
||||
|
@ -17,7 +17,7 @@
|
||||
}
|
||||
|
||||
/* ::before is the error on the error text panel */
|
||||
:-moz-any(input, textarea, select) ~ .error-text::before {
|
||||
:is(input, textarea, select) ~ .error-text::before {
|
||||
background-color: #d70022;
|
||||
top: -7px;
|
||||
content: '.';
|
||||
@ -39,7 +39,7 @@
|
||||
right: 12px
|
||||
}
|
||||
|
||||
:-moz-any(input, textarea, select):-moz-ui-invalid:focus ~ .error-text {
|
||||
:is(input, textarea, select):-moz-ui-invalid:focus ~ .error-text {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
|
@ -498,7 +498,7 @@ add_task(async function test_edit_payer_contact_name_email_phone_link() {
|
||||
|
||||
info("check that non-payer requested fields are hidden");
|
||||
let formElements = addressForm.querySelectorAll(
|
||||
":-moz-any(input, select, textarea"
|
||||
":is(input, select, textarea"
|
||||
);
|
||||
let allowedFields = [
|
||||
"given-name",
|
||||
|
@ -53,7 +53,7 @@ form div {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
form :-moz-any(label, div) .label-text {
|
||||
form :is(label, div) .label-text {
|
||||
position: absolute;
|
||||
opacity: .5;
|
||||
pointer-events: none;
|
||||
@ -63,25 +63,26 @@ form :-moz-any(label, div) .label-text {
|
||||
font-size .2s var(--animation-easing-function);
|
||||
}
|
||||
|
||||
form :-moz-any(label, div):focus-within .label-text,
|
||||
form :-moz-any(label, div) .label-text[field-populated] {
|
||||
form :is(label, div):focus-within .label-text,
|
||||
form :is(label, div) .label-text[field-populated] {
|
||||
top: 0;
|
||||
font-size: var(--in-field-label-size);
|
||||
}
|
||||
|
||||
form :-moz-any(input, select, textarea):focus ~ .label-text {
|
||||
|
||||
form :is(input, select, textarea):focus ~ .label-text {
|
||||
color: var(--in-content-item-selected);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Focused error fields should get a darker text but not the blue one since it
|
||||
* doesn't look good with the red error outline. */
|
||||
form :-moz-any(input, select, textarea):focus:-moz-ui-invalid ~ .label-text {
|
||||
form :is(input, select, textarea):focus:-moz-ui-invalid ~ .label-text {
|
||||
color: var(--in-content-text-color);
|
||||
}
|
||||
|
||||
form div[required] > label .label-text::after,
|
||||
form :-moz-any(label, div)[required] .label-text::after {
|
||||
form :is(label, div)[required] .label-text::after {
|
||||
content: attr(fieldRequiredSymbol);
|
||||
}
|
||||
|
||||
|
@ -124,7 +124,7 @@
|
||||
|
||||
/* Draw the bottom border of the tabs toolbar when it's not using
|
||||
-moz-default-appearance: toolbar. */
|
||||
:root:-moz-any([sizemode="fullscreen"],[customizing]) #nav-bar:not([tabs-hidden="true"]),
|
||||
:root:is([sizemode="fullscreen"],[customizing]) #nav-bar:not([tabs-hidden="true"]),
|
||||
:root:not([tabsintitlebar]) #nav-bar:not([tabs-hidden="true"]),
|
||||
#nav-bar:not([tabs-hidden="true"]):-moz-lwtheme {
|
||||
box-shadow: 0 calc(-1 * var(--tabs-navbar-shadow-size)) 0 var(--tabs-border-color);
|
||||
@ -541,9 +541,9 @@
|
||||
text-shadow: inherit;
|
||||
}
|
||||
|
||||
:-moz-any(.keyboard-focused-tab, .tabbrowser-tab:focus:not([aria-activedescendant])) > .tab-stack > .tab-content > .tab-label-container:not([pinned]),
|
||||
:-moz-any(.keyboard-focused-tab, .tabbrowser-tab:focus:not([aria-activedescendant])) > .tab-stack > .tab-content > .tab-icon-image[pinned],
|
||||
:-moz-any(.keyboard-focused-tab, .tabbrowser-tab:focus:not([aria-activedescendant])) > .tab-stack > .tab-content > .tab-throbber[pinned] {
|
||||
:is(.keyboard-focused-tab, .tabbrowser-tab:focus:not([aria-activedescendant])) > .tab-stack > .tab-content > .tab-label-container:not([pinned]),
|
||||
:is(.keyboard-focused-tab, .tabbrowser-tab:focus:not([aria-activedescendant])) > .tab-stack > .tab-content > .tab-icon-image[pinned],
|
||||
:is(.keyboard-focused-tab, .tabbrowser-tab:focus:not([aria-activedescendant])) > .tab-stack > .tab-content > .tab-throbber[pinned] {
|
||||
box-shadow: var(--focus-ring-box-shadow);
|
||||
}
|
||||
|
||||
@ -555,7 +555,7 @@
|
||||
color: #333;
|
||||
}
|
||||
|
||||
:root:-moz-any([inFullscreen], [tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme) {
|
||||
:root:is([inFullscreen], [tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme) {
|
||||
appearance: auto;
|
||||
-moz-default-appearance: -moz-mac-vibrant-titlebar-dark;
|
||||
-moz-font-smoothing-background-color: -moz-mac-vibrant-titlebar-dark;
|
||||
|
@ -35,7 +35,7 @@ panelmultiview .toolbaritem-combined-buttons > spacer.before-label {
|
||||
margin-inline-start: 18px;
|
||||
}
|
||||
|
||||
.subviewbutton:not(:-moz-any([image],[targetURI],.bookmark-item)) > .menu-iconic-left {
|
||||
.subviewbutton:not(:is([image],[targetURI],.bookmark-item)) > .menu-iconic-left {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
@ -52,7 +52,7 @@
|
||||
}
|
||||
|
||||
.error-description #ignore_warning_link,
|
||||
.error-description a:-moz-any(:link, :visited) {
|
||||
.error-description a:is(:link, :visited) {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
color: black;
|
||||
|
@ -190,7 +190,7 @@ menupopup::part(drop-indicator) {
|
||||
text-shadow: unset;
|
||||
}
|
||||
|
||||
.accessibility-indicator:-moz-any(:hover, :active, :focus, :-moz-focusring) {
|
||||
.accessibility-indicator:is(:hover, :active, :focus, :-moz-focusring) {
|
||||
background-image: url("chrome://browser/skin/accessibility-active.svg");
|
||||
outline: 0;
|
||||
}
|
||||
|
@ -5,7 +5,7 @@
|
||||
%endif
|
||||
|
||||
/* Hide all conditional elements by default. */
|
||||
:-moz-any([when-connection],[when-customroot],[when-mixedcontent],[when-ciphers]) {
|
||||
:is([when-connection],[when-customroot],[when-mixedcontent],[when-ciphers]) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -77,7 +77,7 @@
|
||||
}
|
||||
|
||||
/* Hide 'not secure' message in subview when weak cipher or mixed content messages are shown. */
|
||||
#identity-popup-securityView-body:-moz-any([mixedcontent],[ciphers]) > description[when-connection=not-secure],
|
||||
#identity-popup-securityView-body:is([mixedcontent],[ciphers]) > description[when-connection=not-secure],
|
||||
/* Hide 'passive-loaded (only)' message when there is mixed passive content loaded and active blocked. */
|
||||
#identity-popup-securityView-body[mixedcontent~=passive-loaded][mixedcontent~=active-blocked] > description[when-mixedcontent=passive-loaded] {
|
||||
display: none;
|
||||
|
@ -131,13 +131,13 @@
|
||||
list-style-image: url(chrome://global/skin/icons/arrow-dropdown-16.svg);
|
||||
}
|
||||
|
||||
.customizationmode-button:-moz-any(:active,:hover):not([disabled]),
|
||||
.customizationmode-button:is(:active,:hover):not([disabled]),
|
||||
.customizationmode-button[open],
|
||||
.customizationmode-button[checked] {
|
||||
background-color: #e1e1e5;
|
||||
}
|
||||
|
||||
#customization-done-button:-moz-any(:active,:hover):not([disabled]) {
|
||||
#customization-done-button:is(:active,:hover):not([disabled]) {
|
||||
background-color: #0060df;
|
||||
}
|
||||
|
||||
|
@ -13,12 +13,12 @@
|
||||
% There's no calc() here (and therefore lots of calc() where this is used) because
|
||||
% we don't support nested calc(): https://bugzilla.mozilla.org/show_bug.cgi?id=968761
|
||||
%define menuPanelButtonWidth (@menuPanelWidth@ / 3 - 0.1px)
|
||||
%define buttonStateHover :not(:-moz-any([disabled],[open],:active)):-moz-any(:hover,:focus)
|
||||
%define menuStateHover :not(:-moz-any([disabled],:active))[_moz-menuactive]
|
||||
%define buttonStateActive :not([disabled]):-moz-any([open],:hover:active)
|
||||
%define buttonStateHover :not(:is([disabled],[open],:active)):is(:hover,:focus)
|
||||
%define menuStateHover :not(:is([disabled],:active))[_moz-menuactive]
|
||||
%define buttonStateActive :not([disabled]):is([open],:hover:active)
|
||||
%define menuStateActive :not([disabled])[_moz-menuactive]:active
|
||||
%define menuStateMenuActive :not([disabled])[_moz-menuactive]
|
||||
%define inAnyPanel :-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])
|
||||
%define inAnyPanel :is(:not([cui-areatype="toolbar"]), [overflowedItem=true])
|
||||
%define panelPaletteIconSize 16px
|
||||
|
||||
%define appmenuWarningBackgroundColor #FFEFBF
|
||||
@ -227,8 +227,8 @@ panelview {
|
||||
-moz-box-flex: 1;
|
||||
}
|
||||
|
||||
#wrapper-edit-controls:-moz-any([place="palette"],[place="menu-panel"]) > #edit-controls,
|
||||
#wrapper-zoom-controls:-moz-any([place="palette"],[place="menu-panel"]) > #zoom-controls {
|
||||
#wrapper-edit-controls:is([place="palette"],[place="menu-panel"]) > #edit-controls,
|
||||
#wrapper-zoom-controls:is([place="palette"],[place="menu-panel"]) > #zoom-controls {
|
||||
margin-inline-start: 0;
|
||||
}
|
||||
|
||||
@ -1796,11 +1796,11 @@ toolbarpaletteitem[place="menu-panel"] > .subviewbutton-nav::after {
|
||||
fill-opacity: 0.4;
|
||||
}
|
||||
|
||||
.subviewbutton.download:-moz-any([canShow],[canRetry]) > .action-button@buttonStateHover@ {
|
||||
.subviewbutton.download:is([canShow],[canRetry]) > .action-button@buttonStateHover@ {
|
||||
background-color: var(--arrowpanel-dimmed-further);
|
||||
}
|
||||
|
||||
.subviewbutton.download:-moz-any([canShow],[canRetry]) > .action-button@buttonStateActive@ {
|
||||
.subviewbutton.download:is([canShow],[canRetry]) > .action-button@buttonStateActive@ {
|
||||
background-color: var(--arrowpanel-dimmed-even-further);
|
||||
}
|
||||
|
||||
|
@ -629,7 +629,7 @@
|
||||
border-inline-end: 1px solid transparent;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:-moz-any([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
|
||||
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
background-image: url(chrome://browser/skin/tabbrowser/indicator-tab-attention.svg);
|
||||
background-position: center bottom calc(-4px + var(--tabs-navbar-shadow-size));
|
||||
|
@ -61,10 +61,10 @@ toolbar[brighttext] {
|
||||
|
||||
/* The animations for the reload-button and stop-button are disabled
|
||||
outside of the nav-bar due to bug 1382894. */
|
||||
:-moz-any(#reload-button, #stop-button) > .toolbarbutton-animatable-box {
|
||||
:is(#reload-button, #stop-button) > .toolbarbutton-animatable-box {
|
||||
display: none;
|
||||
}
|
||||
#nav-bar-customization-target > #stop-reload-button > :-moz-any(#reload-button, #stop-button) > .toolbarbutton-animatable-box {
|
||||
#nav-bar-customization-target > #stop-reload-button > :is(#reload-button, #stop-button) > .toolbarbutton-animatable-box {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
@ -170,7 +170,7 @@ toolbar[brighttext] .toolbaritem-combined-buttons > separator {
|
||||
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover,
|
||||
#tabbrowser-arrowscrollbox:not([scrolledtostart=true])::part(scrollbutton-up):hover,
|
||||
#tabbrowser-arrowscrollbox:not([scrolledtoend=true])::part(scrollbutton-down):hover,
|
||||
.findbar-button:not(:-moz-any([checked="true"],[disabled="true"])):hover,
|
||||
.findbar-button:not(:is([checked="true"],[disabled="true"])):hover,
|
||||
toolbarbutton.bookmark-item:not(.subviewbutton):hover:not([disabled="true"]):not([open]),
|
||||
toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
|
||||
toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
|
||||
@ -179,13 +179,13 @@ toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:ac
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active),
|
||||
.findbar-button:not([disabled=true]):-moz-any([checked="true"],:hover:active),
|
||||
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active),
|
||||
.findbar-button:not([disabled=true]):is([checked="true"],:hover:active),
|
||||
toolbarbutton.bookmark-item:not(.subviewbutton):hover:active:not([disabled="true"]),
|
||||
toolbarbutton.bookmark-item[open="true"],
|
||||
toolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon,
|
||||
toolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-text,
|
||||
toolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-stack {
|
||||
toolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-icon,
|
||||
toolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-text,
|
||||
toolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-badge-stack {
|
||||
background-color: var(--toolbarbutton-active-background);
|
||||
color: inherit;
|
||||
}
|
||||
|
@ -108,7 +108,7 @@
|
||||
|
||||
.urlbarView[actionoverride] .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-no-wrap,
|
||||
.urlbarView-row[has-url]:not([type$=tab]) > .urlbarView-row-inner > .urlbarView-no-wrap,
|
||||
.urlbarView-row[has-url][type=remotetab]:-moz-any(:hover, [selected]) > .urlbarView-row-inner > .urlbarView-no-wrap {
|
||||
.urlbarView-row[has-url][type=remotetab]:is(:hover, [selected]) > .urlbarView-row-inner > .urlbarView-no-wrap {
|
||||
/* We prioritize icons + title + action over the url, so they can grow freely,
|
||||
but the url should never disappear when it's visible */
|
||||
flex-shrink: 0;
|
||||
@ -139,7 +139,7 @@
|
||||
remotetab only when selected or :hover */
|
||||
.urlbarView[actionoverride] .urlbarView-results[wrap] > .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-title-separator,
|
||||
.urlbarView-results[wrap] > .urlbarView-row[has-url]:not([type$=tab]) > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-title-separator,
|
||||
.urlbarView-results[wrap] > .urlbarView-row[type=remotetab]:-moz-any(:hover, [selected]) > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-title-separator {
|
||||
.urlbarView-results[wrap] > .urlbarView-row[type=remotetab]:is(:hover, [selected]) > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-title-separator {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
@ -111,12 +111,12 @@ input[type="checkbox"] {
|
||||
* If we're not sharing either the screen or the window, we can
|
||||
* hide the entire display sharing section.
|
||||
*/
|
||||
:root:not(:-moz-any([sharingscreen],[sharingwindow])) > body > #display-share,
|
||||
:root:not(:-moz-any([sharingscreen],[sharingwindow])) > body > #display-share + .separator,
|
||||
:root:not(:is([sharingscreen],[sharingwindow])) > body > #display-share,
|
||||
:root:not(:is([sharingscreen],[sharingwindow])) > body > #display-share + .separator,
|
||||
:root:not([sharingvideo]) > body > #device-share > #camera-mute-toggle,
|
||||
:root:not([sharingaudio]) > body > #device-share > #microphone-mute-toggle,
|
||||
:root:not(:-moz-any([sharingvideo],[sharingaudio])) > body > #device-share,
|
||||
:root:not(:-moz-any([sharingvideo],[sharingaudio])) > body > #device-share + .separator {
|
||||
:root:not(:is([sharingvideo],[sharingaudio])) > body > #device-share,
|
||||
:root:not(:is([sharingvideo],[sharingaudio])) > body > #device-share + .separator {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
@ -116,7 +116,6 @@ window[sharingscreen][sharingaudio] > #shareSeparator {
|
||||
display: -moz-box;
|
||||
}
|
||||
|
||||
:-moz-any(#audioVideoButton, #screenShareButton,
|
||||
#firefoxButton):-moz-focusring {
|
||||
:is(#audioVideoButton, #screenShareButton, #firefoxButton):-moz-focusring {
|
||||
outline: none;
|
||||
}
|
||||
|
@ -223,7 +223,7 @@
|
||||
ActiveBorder 2px, ActiveBorder 4px, transparent 4px);
|
||||
}
|
||||
|
||||
:root[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) toolbarbutton:not(:-moz-lwtheme) {
|
||||
:root[tabsintitlebar]:not([inFullscreen]) :is(#TabsToolbar, #toolbar-menubar) toolbarbutton:not(:-moz-lwtheme) {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user