summaryrefslogtreecommitdiffstats
path: root/browser/components/firefoxview/fxview-category-button.css
diff options
context:
space:
mode:
Diffstat (limited to 'browser/components/firefoxview/fxview-category-button.css')
-rw-r--r--browser/components/firefoxview/fxview-category-button.css125
1 files changed, 0 insertions, 125 deletions
diff --git a/browser/components/firefoxview/fxview-category-button.css b/browser/components/firefoxview/fxview-category-button.css
deleted file mode 100644
index 1bce29f343..0000000000
--- a/browser/components/firefoxview/fxview-category-button.css
+++ /dev/null
@@ -1,125 +0,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/. */
-
-:host {
- border-radius: 4px;
-}
-
-button {
- background-color: initial;
- border: 1px solid var(--in-content-primary-button-border-color);
- -moz-context-properties: fill, fill-opacity;
- fill: currentColor;
- display: grid;
- grid-template-columns: min-content 1fr;
- gap: 12px;
- align-items: center;
- font-size: inherit;
- width: 100%;
- font-weight: normal;
- border-radius: 4px;
- color: inherit;
- text-align: start;
- transition: background-color 150ms;
- padding: var(--fxviewcategorynav-button-padding);
-}
-
-button:hover {
- cursor: pointer;
-}
-
-@media not (prefers-contrast) {
- button {
- border-inline-start: 2px solid transparent;
- border-inline-end: none;
- border-block: none;
- }
-
- button:hover,
- button[selected]:hover {
- background-color: var(--in-content-button-background-hover);
- border-color: var(--in-content-button-border-color-hover);
- }
-
- button[selected]:hover {
- border-inline-start-color: inherit;
- }
-
- button[selected],
- button[selected]:hover {
- border-inline-start: 2px solid;
- }
-
- button[selected]:not(:focus-visible) {
- border-start-start-radius: 0;
- border-end-start-radius: 0;
- }
-
- button[selected]:not(:hover) {
- color: var(--in-content-accent-color);
- background-color: color-mix(in srgb, var(--fxview-primary-action-background) 5%, transparent);
- border-inline-start-color: var(--in-content-accent-color);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- button[selected] {
- background-color: color-mix(in srgb, var(--fxview-primary-action-background) 12%, transparent);
- }
-}
-
-button:focus-visible,
-button[selected]:focus-visible {
- outline: var(--focus-outline);
- outline-offset: var(--focus-outline-offset);
-}
-
-.category-icon {
- background-color: initial;
- background-size: 20px;
- background-repeat: no-repeat;
- background-position: center;
- height: 20px;
- width: 20px;
- -moz-context-properties: fill;
- fill: currentColor;
-}
-
-@media (prefers-contrast) {
- button {
- transition: none;
- border-color: ButtonText;
- background-color: var(--in-content-button-background);
- }
-
- button:hover {
- color: SelectedItem;
- }
-
- button[selected] {
- color: SelectedItemText;
- background-color: SelectedItem;
- border-color: SelectedItem;
- }
-}
-
-slot {
- font-size: 1.13em;
- line-height: 1.4;
- margin: 0;
- padding-inline-start: 0;
- user-select: none;
-}
-
-@media (max-width: 52rem) {
- button {
- grid-template-columns: min-content;
- justify-content: center;
- margin-inline: 0;
- }
-
- slot {
- display: none;
- }
-}